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

最新推荐文章于 2024-03-18 14:58:39 发布

原创最新推荐文章于 2024-03-18 14:58:39 发布 · 621 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

表格组件专栏收录该内容

24 篇文章

订阅专栏

在管理端开发中，当进行表格分页等交互时，如何保持已选中的数据是一个常见需求。通过在GridManager组件中设置checkboxConfig.disableStateKeep为false，可以实现在分页后仍保留选中项。若不希望保存选中状态，可以将其设为true。GridManager支持原生JavaScript、jQuery、Angular1.x和Vue2.0、React等多个框架。

实现效果

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

启用选中值保持.gif

在GridManager中的配置方式

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

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