Extjs store的loadData(data)方法在界面上一闪而过的原因

// 会出问题的写法
var fileListStore = Ext.create('Ext.data.Store', {
autoLoad :true,
fields : ['wfSn','workItemId','fileName','fileExtName','filePath','fileSize','fileRemark','attachType' ]
});
//此处省略界面
//数据加载如下
var data = [{...},{...}]
fileListStore.loadData(data);

如上,在视图加载后调用loadData(data)方法将数据加载到所在组件上,界面上的数据会一闪而过,然后视图上的数据列表还是空的,

----原因所在----

经过测试,发现是因为store定义时候没有定义data参数,而data在store的构造方法中是有的,因而使用loadData(data)方法加载的时候,数据可以显示,

但是数据显示一下然后就消失了,这里的原因就涉及到面板的datachange事件,也就是说数据加载后,视图会刷新,而定义的store中并没有data的属性,

默认的构造则为空值,即datachange事件刷新视图->data重置为默认构造的空值->刷新视图->数据不显示

----解决方法----

在store中定义好data,可以为空值如下

//正确写法
var fileListStore = Ext.create('Ext.data.Store', {
autoLoad :true,
fields : ['wfSn','workItemId','fileName','fileExtName','filePath','fileSize','fileRemark','attachType' ],
data : []
});
//此处省略界面
//数据加载如下
var data = [{...},{...}]
fileListStore.loadData(data);