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

来源：互联网发布：中国动漫知乎编辑：程序博客网时间：2024/05/07 05:07

// 会出问题的写法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);

0 0