表格分页等操作后,如何保持已选中的值?

271 阅读1分钟

实现效果

在管理端开发中,经常会遇到一种表格交互:分页、排序、搜索等操作之后,需要保留之前已选中的数据。如下所示:

启用选中值保持.gif

在GridManager中的配置方式

checkboxConfig.disableStateKeep: false,或者使用默认值,即可实现分页等操作后保留已选中数据的能力。

new GridManager(table, {
    // 选择框配置
    checkboxConfig: {
        // 触发刷新类操作时(搜索、刷新、分页、排序、过滤),是否禁用状态保持
        disableStateKeep: false,
        // ...其它配置项
    },
    // ...其它配置项
});

如果不需要保存,只需要将disableStateKeep配置为true即可。

相关源码

以上为GridManager表格组件的实现方式,该组件支持原生、jQuery、Angular1.x、Vue2.0、React框架。相关链接如下: