ExtJS 数据处理-Store事件

更新记录
2022年7月22日 发布。
2022年7月16日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

Store events（Store事件）

说明#

add：			将记录添加到存储时调用
beforeload：		在加载数据之前调用
beforesync：		在同步操作之前调用
datachanged：		当记录从数据存储中添加或删除时调用此函数
load：			当存储从远程数据存储读取时调用
remove：		从存储中删除记录时调用此
update：		当记录更新时调用此函数

实例：监听数据存储事件

Ext.create('Ext.data.Store', {
    model: 'Employee ',
    storeId: 'mystore',
    proxy: {
        type: 'rest',
        url: '/employee',
        reader: {
            type: 'json',
            rootProperty: 'data'
        }
    },
    listeners: {
        load: function (store, records, options) {
            //Do something
        }
    }
});

如果要侦听控制器中的存储事件，可以这样做：

init: function () {
    this.getViewModel().getStore('myStore').on('load',
        this.onStoreLoad, this);
}

ViewModel中的数据存储#

可以单独定义数据存储，也可以在视图模型(ViewModel)中定义数据存储(store)

实例：在ViewModel中定义数据存储