乐趣区

关于javascript:表格分页等操作后如何保持已选中的值

实现成果

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

在 GridManager 中的配置形式

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

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

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

相干源码

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

  • API 及 Demo
  • 原生 JS 版本源码
  • Vue2.0 版本源码
  • React 版本源码
  • Angular1.x 版本源码
退出移动版