扩展ExtJS的【Ext.data.reader.Json】例子

最新推荐文章于 2016-06-01 17:02:50 发布

原创最新推荐文章于 2016-06-01 17:02:50 发布 · 236 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json

Java笔记专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何使用ExtJS框架扩展自定义的数据读取器，并通过具体示例展示了如何实现数据过滤和汇总功能。此外，还展示了如何在实际项目中应用这个自定义的数据读取器。

一，下面是扩展Class

Ext.define('Dncsoft.data.MyReader', {
    extend: 'Ext.data.reader.Json',
    alternateClassName: 'Ext.data.DncReader',
    alias : 'reader.dncreader',
    
    startDate: new Date(),
    endDate: new Date(),
    
    getResponseData: function(response) {
        var me = this;
        var data = me.callParent(arguments);
        return me.change(data);
    },
    
    change: function(sourceJson) {
        var me = this;
        
        // filter data and sum value
        var map = new Ext.util.HashMap();
        for (var i = 0, iEnd = sourceJson.length; i < iEnd; ++i) {
            map.add(_id, {"id":_id, "v":_v});
        }
        
        return map.getValues();
    }
});

二，这是用扩展Class的地方。

var store = Ext.create('Ext.data.JsonStore', {
    model: 'Dncsoft.data.MyModel',
    buffered: true,
    purgePageCount: 0,
    proxy: {
        type: 'ajax',
        url: 'mydata.json',
        noCache: true,
        filterParam: undefined,
        groupParam: undefined,
        limitParam: undefined,
        startParam: undefined,
        sortParam: undefined,
        pageParam: undefined,
        reader: {
            model: 'Dncsoft.data.MyModel',
            type: 'dncreader',
            root: 'root',
            startDate: new Date('1/15/2011'),
            endDate: new Date('2/31/2013')
        }
    },
    autoLoad: false
});

//END