將商店大小綁定到表格標題

Question

我有ExtJS應用程序，並且我想實現在標題中顯示記錄總數。

視圖模型：

Ext.define('AppName.view.main.MainModel', { 
    extend: 'Ext.app.ViewModel', 
// ... 

    stores: { 
     users: Ext.create("AppName.store.UsersStore") 
    } 
}); 

結合查看

Ext.define('AppName.view.main.UsersPanel', { 
    extend: 'Ext.panel.Panel', 
    // ... 
    items:[{ 
     bind : { 
      title : 'Users ({users.data.length})' 
     }, 
     items: [{ 
      listeners : { 
       cellclick : 'OnSelectUser' 
      }, 
      xtype: 'grid', columns: [ 
       { text: 'Full Name', dataIndex: 'fullName', flex: 2}, 
       { text: 'Address', dataIndex: 'address', flex: 1}, 
       { text: 'Sex', dataIndex: 'sex', flex: 1}, 
       { text: 'Date Of Birth', dataIndex: 'dob', flex: 1} 
      ], 
      bind: '{users}' 
     }] 
    }] 
}); 

和記錄第一加載後這個工程由代碼

OnSearchButtonClick: function() { 
    var me = this, 
     usersStore = me.getViewModel().get('users'); 
    usersStore.load(); 
} 

到存儲但是，當我從刪除記錄按代碼

存儲

var me = this, 
     usersStore = me.getViewModel().get('users'); 
    usersStore.loadData([], false); 

或通過

usersStore.removeAll() 

然後僅表被清除而不是報頭。

所以我有一個問題：我如何綁定存儲大小？

Answer 1

與同步嘗試在商店中刪除記錄之後。

usersStore.removeAll(); 
usersStore.sync(); 

有時結合不刷新綁定組件，因爲新的或刪除記錄沒有在店裏