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

最新推荐文章于 2025-04-08 18:06:49 发布

写个程序换个饼

最新推荐文章于 2025-04-08 18:06:49 发布

阅读量598

点赞数

分类专栏：表格组件文章标签： javascript

本文链接：https://blog.youkuaiyun.com/iteye_17835/article/details/120302112

版权

表格组件专栏收录该内容

24 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果

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

启用选中值保持.gif

在GridManager中的配置方式

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

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