读书人

Ext4.0 Checkbox的Grid亟需选中后的分

发布时间: 2012-11-22 00:16:41 作者: rapoo

Ext4.0 Checkbox的Grid需要选中后的分页保存

问题:

?? 在grid里实现跨页选中,也就是当在第一页选中的checkbox,在Load到第二页时返回第一页时,已经选中的不能被显示为选中

?

?解决思路:

?? 1. 首选考虑,使用数组或者map等保存我们选中的记录

????????? 在CheckboxModel中,select用来选中,deselect用来反选(取消选中),

?????????? select时,把记录保存进我们的数组中

?????????? deselect时,把数组中曾放进去的该记录删除

?? 2. 之后,在每次翻页的时候,要把曾选中的记录在该页标示为选中状态

????????? store中 ,load方法中处理,比较数组中和store中的数据,相同的记录设为选中状态

?? 3. 前2步之后,可以了,但是发现还是会在翻页中删除;

????? 原因,在load的时候,EXT4还是自动调用了deselect方法,这样就无形中删除了保存在数组中的记录

????? 因此,我们在load之前要处理: before中,我们禁用deselect方法,load之后在放入deselect方法

?

解决代码:

???

????? stroe中添加事件:

??

var selMod=Ext.create('Ext.selection.CheckboxModel', {            checkOnly : true,            listeners:{             select:function(sm,selection,num,opts){              recordIds.push(selection.data.tableId);                                  alert("选中当前记录");                      },            deselect:deSelection            }        });

?

读书人网 >Web前端

热点推荐