Sencha觸摸列表不刷新

Question

我正在使用“列表”作為視圖中的子組件。 我沒有使用任何存儲來獲取數據，而是使用了列表的簡單“ data”屬性來布局我的列表項。

我的要求是通過點擊同一視圖上的按鈕來更新同一列表。 我正在使用列表的setData方法更新數據，但是新項目將添加到列表中，而不是替換舊項目。 此外，該列表的運行狀況也不佳。 舊數據記錄的事件偵聽器（ itemtap ）似乎是完整的。

這是包含列表http://jsfiddle.net/xer1es0w/的視圖，這是使用該視圖的Controller http://jsfiddle.net/6gwwes0p/

注意：出於代碼安全性的考慮，我已經截斷了幾行代碼

Answer 1

在您的示例中，您並沒有真正按照自己的想法去做。

這是setData（bla）一旦發生的代碼。

function(data) {
    var store = this.getStore();
    if (!store) {
        this.setStore(Ext.create('Ext.data.Store', {
            data: data,
            autoDestroy: true
        }));
    } else {
        store.add(data);
    }
}

Sencha查找是否存在數據存儲。 如果沒有，它將創建一個。

在您第一次運行時，它將添加一個存儲，然后將ADDS數據添加到該存儲。

==>在第二次運行中，您需要致電

list.getStore().removeAll();
list.addData(bla);

或嘗試

list.getStore().setData(bla);