您的位置:首页 > Web前端 > JavaScript

Ext.grid 刷新后选中指定行

2015-06-08 15:46 651 查看
var orderId = Ext.getCmp('gridId').getSelectionModel().getSelected().get('order_id');
var lastOptions = Ext.getCmp('gridId').getStore().lastOptions;
Ext.getCmp('gridId').getStore().reload({params:lastOptions.params, callback:function(r,scope,success){
if(success)
{
var orderStore = Ext.getCmp('gridId').getStore();
var rowCount = orderStore.getCount();

for(var i=0;i<rowCount;i++)
{
if(orderStore.getAt(i).get("order_id") == orderId)
{
//选中默认行
Ext.getCmp('gridId').getSelectionModel().selectRow(i,true);
return;
}
}

}
}
});


应用场景:

一个grid列表选中其中一行,此时点击grid自带的刷新按钮,reload事件结束后在回调函数中找到刷新前选中的那一行并将它选中。

ps:

grid只会在刚刚加载的时候会触发afterrender事件,执行刷新操作会触发load的事件,但是不会再触发afterrender事件了。所以原本想把选中指定行放在afterrender事件中的,但是试了几遍发现根本不会走到afterrender事件中。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Extjs