当前位置: » 首页 » Extjs 框架 » Extjs4.x中grid在checkbox选择模式下实现跨页选中行记录

Extjs4.x中grid在checkbox选择模式下实现跨页选中行记录

Extjs框架中,grid在多选模式下,只能获取当前页所选择的记录,分页后当前所选记录由于执行了deselect事件而清除。
项目中,需要实现grid在checkbox选择模式下实现跨页选中行记录的功能。即选中当前页的行记录,在进入其他页的时候,所选记录仍然保留,并且回到有选中记录的页,显示选中状态。
思路大致如下:
1.定义一个集合,存储选中的行记录的关键字段。
2.在checkboxmodel下面监听select事件,实现选择记录的时候,把该记录的关键字段存储至所定义的集合中。
3.在checkboxmodel下面监听deselect事件,实现取消选择记录的时候,把该记录的关键字段移除出所定义的集合中。
4.数据加载的时候,遍历当前页的记录,与所定义集合里的数据比较,如果集合里数据包含了当前页的记录,则显示选中状态。
参考链接:ExtJS4.0中跨页显示checkbox选中状态
由于项目中,多处需要实现上述需求,因此本人把此功能写成一个工具类。

代码如下:

示例代码大致如下:

上述关于跨页选中记录的工具类,经过实际应用,完全解决实际需求,且节省了代码量。欢迎留言讨论。

最受欢迎

Extjs4.x中grid在checkbox选择模式下实现跨页选中行记录:目前有4 条留言

  1. 佳哥

    还不错嘛 mask 涛~学习了~

  2. 网络白蚁

    不错的。文章。学习了。

  3. 坑坑

    明白怎么用了!!!!

发表评论