一,下面是扩展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`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。本文将详细介绍`Ext.data.Store`的基本用法。 #### 二、创建Ext....
在这个例子中,`TreePanel`使用`TreeStore`从`tree_data.json`加载数据,并且隐藏了根节点。 标签“源码”和“工具”暗示了这篇博客可能还讨论了EXTJS的源代码以及如何使用EXTJS作为开发工具来实现动态加载功能。...
代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: ... },//亮点,设置请求方式,默认为GET reader: { type: ‘json’, root: ‘Data’, totalProperty: ‘totalCount’ } }, listeners: { ‘beforel
下面是一个使用Ext.data.Connection的例子: ```javascript var conn = new Ext.data.Connection({ autoAbort: false, defaultHeaders: { referer: 'http://localhost:8080/' }, disableCaching: false, ...
在EXTJS框架中,`Ext.data.Store`是一个用于管理和处理数据的核心组件,它与`Model`、`Proxy`和`Reader`等一起构建了一个强大的数据层。然而,在尝试使用继承来扩展`Ext.data.Store`时,可能会遇到继承不起作用的...
这个官方指南主要关注的是数据包(data package),它包含了41个类,其中最重要的三个是Model、Store和Ext.data.proxy.Proxy。这三者构成了数据管理的基础框架,几乎在每个ExtJS应用中都会用到。 首先,让我们深入...
总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...
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....
4. **配置Reader**:设置数据读取器(Reader),如`Ext.data.JsonReader`,定义如何解析服务器返回的JSON数据。 5. **绑定到GridPanel**:将PagingStore与GridPanel关联,GridPanel会根据PagingStore的数据自动渲染...
- `recordType`: 这可以是一个Field定义对象数组,这个数组会被传递给`Ext.data.Record.create`来创建Record构造器,或者直接是一个已经使用`Ext.data.Record.create`创建的Record构造器。 内部关键的JavaScript...
var store = Ext.create('Ext.data.Store', { model: 'Employee', proxy: { type: 'ajax', url: '/api/employees', reader: { type: 'json', rootProperty: 'data' } }, autoLoad: true }); ``` 3. **...
这部分介绍了Ext.data模块的基础,包括DataModel、Reader和Writer,是理解数据绑定和数据管理的关键。 15. **extJs 2.0 学习笔记(Ext.Panel终结篇)** Panel是构建UI的基本组件,涵盖了布局、标题、工具栏等多种...
在ExtJS中,我们可以使用`Ext.data.Store`对象来管理数据。这个对象能够加载JSON数据,并提供了一种灵活的方式来操作和绑定数据到组件。首先,你需要定义一个Store,包括其配置项如URL(指向后端接口的路径)和模型...
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 : {...
var myStore = Ext.create('Ext.data.Store', { model: 'MyModel', proxy: { type: 'ajax', url: 'data.json', reader: { type: 'json', rootProperty: 'rows' } } }); myStore.load(); ``` 5. **...
在ExtJS中,饼图可以通过`Ext.chart.Chart`类和`Ext.chart.series.Pie`系列配置来创建。你可以设置各个扇区的颜色、标签和值,还可以添加交互性,如点击扇区时显示详细信息。例如,你可以通过以下代码创建一个简单的...
你可以定义模型(Model)来映射后端数据结构,使用`Ext.data.Store`来管理和加载数据,并通过`Ext.data.reader.Json`或`Ext.data.reader.Xml`解析服务器返回的数据。 在本教程中,你将学习如何配置`Ext.data.Model`...