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);