Extjs DataView store.reload 重新添加项目

Question

我有一个 extjs 数据视图：

    var dv = Ext.create('Ext.view.View', {
        store: this.eventInstanceImagesStore,
        tpl: [
            '<tpl for=".">',
            '<div class="thumb-wrap" id="{name:stripTags}">',
            '<div class="thumb"><img src="http://stimages.blob.core.windows.net/medium/{value}" title="{name:htmlEncode}"></div>',
            '<span class="x-editable">{shortName:htmlEncode}</span>',
            '</div>',
            '</tpl>',
            '<div class="x-clear"></div>'
        ],
        multiSelect: true,
        trackOver: true,
        overItemCls: 'x-item-over',
        itemSelector: 'div.thumb-wrap',
        emptyText: 'No images to display',
        plugins: [
           // Ext.create('Ext.ux.DataView.DragSelector', {}),
            Ext.create('Ext.ux.DataView.LabelEditor', { dataIndex: 'name' })
        ],
        prepareData: function (data) {
            Ext.apply(data, {
                shortName: Ext.util.Format.ellipsis(data.name, 15),
                sizeString: Ext.util.Format.fileSize(data.size),
                dateString: Ext.util.Format.date(data.lastmod, "m/d/Y g:i a")
            });
            return data;
        }
    });

我还有一个文件上传表单，当图像成功上传后，我正在重新加载数据视图：

 dv.store.reload({
      params: {
          id: eid
      }
 });

但是，当重新加载发生时，它似乎重新添加了两次图像。所以我最终得到了 2 个数据视图......以前有人见过吗？

Answer 1

尝试在做之前先做dv.store.removeAll();

dv.store.reload({
      params: {
          id: eid
      }
 });