表格排序

功能说明

实际项目实施中，有时候会需要对表格做排序。单个组件无法实现，这个时候不需要单独做定制开发，多个组件之间结合使用即可满足需求。

此处示例可以作为参考，实际项目中还是根据对应需求来处理。

点击图片中 区域1 的三角箭头，即可使 区域2 的内容进行排序联动。

大屏链接

📎大屏包-表格排序.zip

实现思路

轮播表格默认展示顺序与数据返回顺序相同，想要动态控制轮播表格内容的排序，通过调整轮播表格的数据即可。

数据的排序可以在 [数据过滤器] 中，以 sort 方法进行。

具体的排序规则可以通过 [回调参数] 由其他组件传递过来。

详细解析

组件基本配置

选项卡

通过系列分别对升序与降序进行样式配置，并区分选中与未选中样式。

具体逻辑

选项卡

在数据中注入用于排序的 key 值，格式为：${列字段}_${排序方式}，通过回调字段 sort_key 将回调发出。

轮播表格

添加过滤器，并在过滤器中关联回调字段 sort_key，sort_key 每次变化都会驱动数据过滤器执行。

过滤器执行时，先将 sort_key 按照 ${列字段}_${排序方式}的格式进行拆解，提取出对应要素，在随后的逻辑中针对具体的 列字段按对应的排序方式处理，最终返回的数据即是完成排序的内容。