extjs gridpanel加载完后 选中指定行
extjsgridpanel加载完后选中指定行在grid或者store的事件中处理,每次页面展示后选中的行都会被刷掉,页面上能看到选中了接着就没了,不清楚ext核心类库中...
extjs gridpanel加载完后 选中指定行
在grid或者store的事件中处理,每次页面展示后选中的行都会被刷掉,页面上能看到选中了接着就没了,不清楚ext核心类库中有什么特殊处理。
网上很多人说的在store的load监听中处理,或者回调中处理,或者表格的refresh监听中处理都是不好用的。
大家可以在extjs3.0系列的样例代码中找到grid的demo,array-grid.js的代码中作如下修改:
var cSM = new Ext.grid.CheckboxSelectionModel({singleSelect : false});
// 表格其他属性我省略了,需要增加的改动如下
var grid = new Ext.grid.GridPanel({
columns: [cSM,//此处增加sm
{id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company' ..............],
sm:cSM,//此处增加sm
});
grid.getView().on("refresh", function() {});
grid.render('grid-example');
store.on("load",function(store) {cSM.selectAll();});
store.loadData(myData);
按照上面改动运行一下array-grid.html大家会发现,表格全选后立刻又恢复了没有选中的初始状态。
经过反复调试比较完美的解决方式是在store的load事件或者回调方法中用定时任务处理才好用
var task = new Ext.util.DelayedTask(function() {cSM.selectAll();});
task.delay(1);
另外提醒一下,表格的refresh事件早于store的load事件,load事件早于callback回调,请注意。 发出此问题与大家分享。 展开
在grid或者store的事件中处理,每次页面展示后选中的行都会被刷掉,页面上能看到选中了接着就没了,不清楚ext核心类库中有什么特殊处理。
网上很多人说的在store的load监听中处理,或者回调中处理,或者表格的refresh监听中处理都是不好用的。
大家可以在extjs3.0系列的样例代码中找到grid的demo,array-grid.js的代码中作如下修改:
var cSM = new Ext.grid.CheckboxSelectionModel({singleSelect : false});
// 表格其他属性我省略了,需要增加的改动如下
var grid = new Ext.grid.GridPanel({
columns: [cSM,//此处增加sm
{id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company' ..............],
sm:cSM,//此处增加sm
});
grid.getView().on("refresh", function() {});
grid.render('grid-example');
store.on("load",function(store) {cSM.selectAll();});
store.loadData(myData);
按照上面改动运行一下array-grid.html大家会发现,表格全选后立刻又恢复了没有选中的初始状态。
经过反复调试比较完美的解决方式是在store的load事件或者回调方法中用定时任务处理才好用
var task = new Ext.util.DelayedTask(function() {cSM.selectAll();});
task.delay(1);
另外提醒一下,表格的refresh事件早于store的load事件,load事件早于callback回调,请注意。 发出此问题与大家分享。 展开
若以下回答无法解决问题,邀请你更新回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询