转自 http://blog.csdn.net/jaune161/article/details/18220257
在项目开发中遇到这样一个问题,点击Grid中的一条记录并修改,修改完后保存并且刷新表格,后台已保存成功,
并且前台grid中的值也已经改变。这时候被修改的记录还处于选中状态,然后再次点修改,发现表单中的值还是原
来的值,但是在选择另外一条记录后,再次选择这条记录并修改时发现值已改变。
经过分析我觉得可能是grid中的SelectionModel中的记录并没有改变,所以才会到这这样的情况,正常流程应该是store
重新加载后,需要更新SelectionModel中选中的记录。
于是查看Ext.selection.Model的源码,找到为store绑定事件的方法getStoreListeners,方法内容如下。
getStoreListeners: function() {
var me = this;
return {
add: me.onStoreAdd,
clear: me.onStoreClear,
bulkremove: me.onStoreRemove,
update: me.onStoreUpdate,
load: me.onStoreLoad,
idchanged: me.onModelIdChanged,
refresh: me.onStoreRefresh
};
},
发现监听了store的load事件,于是猜想问题应该出在onStoreLoad方法上。于是找到这个方法
/**
* @abstract
* @private
*/
onStoreLoad: Ext.emptyFn, //查找ext手册,,此方法为空
发现Ext对这个方法的声明是abstract,这个方法是一个空的方法。由此发现Ext的SelectionModel并没有对store
重新加载后进行任何的处理。所以我们就自己处理,重写Ext.selection.Model的onStoreLoad方法,在这个方法中
更新选中的记录,代码如下
/**
* 处理Grid重新加载过后selectionModel中的记录不更新的问题
* me.selected中存放的是选中的记录的集合
*/
Ext.override(Ext.selection.Model,{
onStoreLoad:function(store, records, successful, eOpts){
var me = this,
length = me.selected.getCount( ); //如果没有选中的记录,则不需要进行任何的操作
if(length===)return; //遍历selected并更新其中的记录
me.selected.eachKey(function(key,item){
var model = store.getById(key); //如果获取到了model就更新,否则从selected中移除
if(model){
me.selected.add(model);//add时会覆盖掉原来的值
}else{
me.selected.removeAtKey(key);
}
}) }
});
这段代码重写了 onStoreLoad 方法 ,将这段代码放到你发生这一现象的js中 有效,,放在控制器js中也有效,但是我不知道还有没有更好的地方可以放这个代码
之前的博主没有说明 重写代码应该放在那个位置,而且网上也很少有说。所以我这提一下。希望对大家有用。另外如果有更好的位置 希望告知!
转自 http://blog.csdn.net/jaune161/article/details/18220257 详细可以借鉴