EXTJS7 store数据格式预处理

路过君

发布于 2020-06-19 16:48:52

4080

文章被收录于专栏：路过君BLOG from CSDN路过君BLOG from CSDN

服务接口提供的数据格式没办法直接使用，可通过实现reader.transform函数进行预处理

样例

Ext.create('Ext.data.Store', {
    model: 'User',
    proxy: {
        type: 'ajax',
        url : 'users.json',
        reader: {
            type: 'json',
            transform: {
                fn: function(data) {
                    // 对原始数据对象进行处理操作
                    return data;
                },
                scope: this
            }
        }
    },
});

源码解析

// data/reader/Json.js
...
getResponseData: function(response) {
	...
	return Ext.decode(response.responseText);
	...
}
...
// data/reader/Reader.js
...
read: function(response, readOptions) {
	...
	result = this.getResponseData(response);
	...
	data = this.readRecords(result, readOptions);
	...
}
...
readRecords: function(data, readOptions, internalReadOptions) {
	...
	transform = me.getTransform();
    if (transform) {
        data = transform(data);
    }
	...
}
...

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/04/17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

transform