将商店大小绑定到表格的标题

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}'
        }]
    }]
});

这首先按照代码

将记录加载到Store后工作

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

有时绑定不刷新绑定组件，因为新的或删除的记录未在商店中同步