Extjs grid 分页多选 数据不会丢失
来源:互联网 发布:淘宝360度主图怎么做 编辑:程序博客网 时间:2024/06/05 20:20
用 SpringMVC hibernate EXtjs 开发的时候会大量使用 extjs grid 作为数据的展示控件,也会操作数据,那么grid 在要选择数据的时候,就需要注意,如果grid是分页,那我们一般会 监听他的 CheckBox 的选择事件和反选择事件,选择的时候把对应的ID放在一个全局数组中,在反选择的时候就把对应的ID从全局数组中删除,然后再监听store的load事件,每次加载完数据后就遍历他的records,如多其中的ID存在我们的数组中那么我们就把这一条数据CheckBox选择上,具体的看代码
Ext.create('GenInventory.view.win').show();
Ext.getCmp('myWin').setTitle('库存类型');
var grid = Ext.getCmp('myGrid');
var selModel = grid.getSelectionModel();
var _this = this;
grid.selModel.addListener({
deselect: function (me, record, index, opts) {_this.deleteToArr(kclxArr,record.data);},
select: function (me, record, index, opts) {_this.addToArr(kclxArr,record.data);}
});
this.changeTitle(['编码','名称','hidden']);
var store = Ext.getStore('myGridStore');
store.removeAll();
store.proxy.extraParams={};
store.getProxy().setExtraParam('beId', beId);
store.getProxy().setExtraParam('branchId', whsId);
store.getProxy().setExtraParam('storerId', storerId);
store.getProxy().setExtraParam('type', 'KCLX');
store.loadPage(1);
store.addListener({
load: function (me, records, success, opts) {
if (!success || !records || records.length == 0){
return;
}
if(kclxArr.length==0){return;}
records.forEach(function(item){
for(var i=0;i<kclxArr.length;i++){
if(item.data.value1==kclxArr[i].value1){
selModel.select(item, true, true); // 不会触发选择事件
}
}
})
}
});
Ext.create('GenInventory.view.win').show();
Ext.getCmp('myWin').setTitle('库存类型');
var grid = Ext.getCmp('myGrid');
var selModel = grid.getSelectionModel();
var _this = this;
grid.selModel.addListener({
deselect: function (me, record, index, opts) {_this.deleteToArr(kclxArr,record.data);},
select: function (me, record, index, opts) {_this.addToArr(kclxArr,record.data);}
});
this.changeTitle(['编码','名称','hidden']);
var store = Ext.getStore('myGridStore');
store.removeAll();
store.proxy.extraParams={};
store.getProxy().setExtraParam('beId', beId);
store.getProxy().setExtraParam('branchId', whsId);
store.getProxy().setExtraParam('storerId', storerId);
store.getProxy().setExtraParam('type', 'KCLX');
store.loadPage(1);
store.addListener({
load: function (me, records, success, opts) {
if (!success || !records || records.length == 0){
return;
}
if(kclxArr.length==0){return;}
records.forEach(function(item){
for(var i=0;i<kclxArr.length;i++){
if(item.data.value1==kclxArr[i].value1){
selModel.select(item, true, true); // 不会触发选择事件
}
}
})
}
});
阅读全文
0 0
- Extjs grid 分页多选 数据不会丢失
- Extjs 解决grid分页数据不变
- Extjs Grid 加载数据.分页。传值,
- Extjs grid 加载数据,分页,传值
- ExtJS中Grid分页
- extjs-grid数据加载
- extjs grid搜索分页实例
- EXTJS 中的 Grid 分页问题
- extjs grid 分页 导出 excel
- ExtJS实现分页grid paging
- ExtJs Grid前台分页(假分页)
- EXTjs grid与json数据
- ExtJs中grid数据格式化
- Extjs 保存grid中的数据
- struts+extjs grid显示数据
- EXTjs grid与json数据
- extjs grid数据筛选刷新
- EXTJS获取grid中的数据
- 如何在直播中解决黑屏、花屏、闪屏问题 | 直播疑难杂症排查
- 马化腾两会关注个人信息保护,“守护者计划”全面对抗黑产
- 黑色手机中的新贵 vivo X9磨砂黑配色今日开启预售
- 产品定义口碑,看网上消费者如何看待vivo Xplay6的
- 3.2 Spark RDD 基本转换操作2-分区:coalesce、repartition
- Extjs grid 分页多选 数据不会丢失
- java设计模式总结一:简介和原则
- 不死心,传谷歌Pixel团队或将开发低端智能机
- 俄罗斯推“普京版”诺基亚 3310,售价超两台iPhone 7P
- 取代传统电脑?IBM今年将推50量子位计算机
- 3.2 Spark RDD 基本转换操作3-randomSplit、glom
- java数组详解
- 瞄准社交+体育 NBA与微博结成长期战略合作
- 阿里1.77亿注资印度电商平台,或将拿下控股权