表格分页等操作后,如何保持已选中的值()
实现效果
在管理端开发中,经常会遇到一种表格交互:分页、排序、搜索
等操作之后,需要保留之前已选中的数据。如下所示:
在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版本源码
推荐阅读
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- 我执意要等,是因为我相信你一定会来
- 4月23日海军节,我在青岛等你,一起看强大的中国海军。(如图如视频)
- 自律第1天
- 《遥遥无期的等待》
- 二叉树路径节点关键值和等于目标值(LeetCode--112&LeetCode--113)
- 冬日漫长,等待春风
- 15、IDEA学习系列之其他设置(生成javadoc、缓存和索引的清理等)
- 高度自律等于成功的第一步
- 1040表格和W-2表格