`
yutiansky
  • 浏览: 197054 次
  • 性别: Icon_minigender_1
  • 来自: 本溪
社区版块
存档分类
最新评论

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

 
阅读更多

一,下面是扩展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

分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。本文将详细介绍`Ext.data.Store`的基本用法。 #### 二、创建Ext....

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在这个例子中,`TreePanel`使用`TreeStore`从`tree_data.json`加载数据,并且隐藏了根节点。 标签“源码”和“工具”暗示了这篇博客可能还讨论了EXTJS的源代码以及如何使用EXTJS作为开发工具来实现动态加载功能。...

    Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

    代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: ... },//亮点,设置请求方式,默认为GET reader: { type: ‘json’, root: ‘Data’, totalProperty: ‘totalCount’ } }, listeners: { ‘beforel

    深入浅出Ext_JS:数据存储与传输

    下面是一个使用Ext.data.Connection的例子: ```javascript var conn = new Ext.data.Connection({ autoAbort: false, defaultHeaders: { referer: 'http://localhost:8080/' }, disableCaching: false, ...

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    在EXTJS框架中,`Ext.data.Store`是一个用于管理和处理数据的核心组件,它与`Model`、`Proxy`和`Reader`等一起构建了一个强大的数据层。然而,在尝试使用继承来扩展`Ext.data.Store`时,可能会遇到继承不起作用的...

    ExtJS4官方指南:数据Data简体中文版.pdf

    这个官方指南主要关注的是数据包(data package),它包含了41个类,其中最重要的三个是Model、Store和Ext.data.proxy.Proxy。这三者构成了数据管理的基础框架,几乎在每个ExtJS应用中都会用到。 首先,让我们深入...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    Ext Js权威指南(.zip.001

    7.3.2 数据的转换过程:ext.data.reader.xml、ext.data.reader.json和ext.data.reader.array / 315 7.3.3 reader对象的配置项 / 321 7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext....

    extjs前台分页插件PagingStore!

    4. **配置Reader**:设置数据读取器(Reader),如`Ext.data.JsonReader`,定义如何解析服务器返回的JSON数据。 5. **绑定到GridPanel**:将PagingStore与GridPanel关联,GridPanel会根据PagingStore的数据自动渲染...

    extjs DataReader、JsonReader、XmlReader的构造方法

    - `recordType`: 这可以是一个Field定义对象数组,这个数组会被传递给`Ext.data.Record.create`来创建Record构造器,或者直接是一个已经使用`Ext.data.Record.create`创建的Record构造器。 内部关键的JavaScript...

    ExtJs中处理后台传过来的date对象显示到页面上

    var store = Ext.create('Ext.data.Store', { model: 'Employee', proxy: { type: 'ajax', url: '/api/employees', reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true }); ``` 3. **...

    extJs+2.1学习笔记.pdf

    这部分介绍了Ext.data模块的基础,包括DataModel、Reader和Writer,是理解数据绑定和数据管理的关键。 15. **extJs 2.0 学习笔记(Ext.Panel终结篇)** Panel是构建UI的基本组件,涵盖了布局、标题、工具栏等多种...

    extjs读取解析后端json格式数据显示条形图

    在ExtJS中,我们可以使用`Ext.data.Store`对象来管理数据。这个对象能够加载JSON数据,并提供了一种灵活的方式来操作和绑定数据到组件。首先,你需要定义一个Store,包括其配置项如URL(指向后端接口的路径)和模型...

    extjs-node:在NodeJS上运行的ExtJS4

    require ( [ 'Ext.data.Model' , 'Ext.data.reader.Json' , 'Ext.data.writer.Json' , "Ext.data.proxy.Memory" ] ) ; Ext . define ( "Mock" , { extend : "Ext.data.Model" , fields : [ 'name' ] , proxy : {...

    ExtJS 制作个性表格

    var myStore = Ext.create('Ext.data.Store', { model: 'MyModel', proxy: { type: 'ajax', url: 'data.json', reader: { type: 'json', rootProperty: 'rows' } } }); myStore.load(); ``` 5. **...

    EXtjs 统计图 饼图 直方图 和折线图

    在ExtJS中,饼图可以通过`Ext.chart.Chart`类和`Ext.chart.series.Pie`系列配置来创建。你可以设置各个扇区的颜色、标签和值,还可以添加交互性,如点击扇区时显示详细信息。例如,你可以通过以下代码创建一个简单的...

    extjs中文教程 ajax

    你可以定义模型(Model)来映射后端数据结构,使用`Ext.data.Store`来管理和加载数据,并通过`Ext.data.reader.Json`或`Ext.data.reader.Xml`解析服务器返回的数据。 在本教程中,你将学习如何配置`Ext.data.Model`...

Global site tag (gtag.js) - Google Analytics