后台返回数据
一般在Ext中Store的子类有ArrayStore, DirectStore, GroupingStore, JsonStore, XmlStore比较常用的有两种:SimpleStore与JsonStore
1.直接使用Store
var MyRecord = Ext.data.Record.create([
{name : 'rjp.fuelPhotoId'},
{name : 'dateString'},
{name : 'enterName'}
]);
var dataProxy = new Ext.data.HttpProxy(
{
url:'runlog/findAllPhoto.action'
}
);
var theReader = new Ext.data.JsonReader({
root : "list",
totalProperty : "totalCount"
}, MyRecord);
var store = new Ext.data.Store({
proxy : dataProxy,
reader : theReader
});
a. 每个store最少需要两个组件的支持,分别是proxy和reader,proxy用于从某个途径读取原始数据,reader用于将原始数据转换成Record实例。
b. Store内部并不知道数据对象的格式 (它可能是一个Array, XML或者JSON)。 Store对象使用一个 DataReader 类的可配置实现从数据对象创建 Record 的实例。
c. Store中的proxy配置项可以替换为url:如果没有指定 proxy,此url将会被用来隐含配置一个 HttpProxy 。
2.simpleStore的用法和Store相同
3.JsonStore的用法
由于Store内部定义为Json格式因此reader配置项不在需要
var queryStore = new Ext.data.JsonStore({
url : 'runNew/getOperateTicketList.action',
root : 'list',
totalProperty : 'totalCount',
fields : rungridlist //构造器,和上面的MyRecord相同
});
后台返回的数据是以Json格式返回的:pg是一个对象包含list和totalCount
本地数据
store : new Ext.data.SimpleStore({
fields : ['value', 'text'],
data : [['','全部'],['0','未上报'],['1','采购员已申请']]
}),
向Store中插入一条数据
var storeSubShow = new Ext.data.JsonStore({
fields : ['empId', 'chsName', 'stationId', 'stationName', 'ssDeptId', 'ssDeptName', 'jdDeptId', 'jdDeptName']
})
storeSubShow.insert(0, new Ext.data.Record({
'empId' : '',
'chsName' : '',
'stationId' : '',
'stationName' : '',
'ssDeptId' : '',
'ssDeptName' : '',
'jdDeptId' : '',
'jdDeptName' : ''
}));
相关推荐
总结来说,在Ext.js中,获取`Ext.Store`应使用`Ext.getStore`方法,而不是`Ext.getCmp`,因为Store是通过`storeId`在内存中注册和管理的,而不是作为页面上的一个可视组件。同时,Store的设计方式有助于数据的安全性...
### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...
Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据变更时触发事件。Store通过与Proxy和DataReader的配合,能够处理来自不同源的数据。 Proxy是数据获取的...
在标签中提到的“工具”可能是指EXT JS提供的各种辅助工具和调试方法,帮助开发者更有效地使用和调试Store。 总之,EXT JS的Store是构建数据驱动应用的关键组件,它负责数据的获取、存储和更新。通过合理配置和有效...
在“Grid练习”文件中,可能包含了EXT Designer的设计文件、EXT-JS代码示例、数据源文件以及相关的资源文件,这些都是为了帮助你理解和实践EXT-JS Grid的用法。通过研究这些文件,你可以更深入地了解EXT-JS Grid的...
### Ext中Store详解 在ExtJS框架中,`Store`是一个非常重要的组件,它主要用于管理应用程序中的数据。无论是从本地还是远程服务器获取数据,Store都能有效地处理这些数据,并且能够支持各种数据操作,如检索、排序...
综上所述,这段代码展示了如何使用EXT框架构建一个包含下拉选择和表单输入的Web界面。通过定义函数、使用数据存储、配置组合框组件以及构建表单面板,实现了动态加载数据和用户交互的功能。这不仅体现了EXT框架的...
EXTJS4.0的API文档是深入学习的关键资源,它详细介绍了各种组件、方法和配置项,通过查阅文档可以进一步了解EXTJS的强大功能和灵活用法。同时,不断实践和尝试官方示例将有助于提升EXTJS开发技能。
"EXT后台经典实例"指的是使用EXT与后端服务器进行交互的典型应用场景,通常涉及到Ajax通信、数据模型、Store和Grid等核心概念。 在EXT中,数据通常是通过Store来管理的。Store连接到后端服务器,负责加载、保存和...
"EXT核心API"则深入介绍了EXT的内部机制和主要类库,包括Store(数据存储)、Model(数据模型)、Controller(控制器)以及Ext.application(应用入口)等。理解这些API是提升EXT开发技能的关键。例如,Store负责...
4. **Store和Model**:EXT中的Store是数据容器,用于存储和管理数据,而Model定义了数据结构和字段。它们是EXT数据绑定的基础。 5. **Ajax通信**:EXT通过Ext.Ajax类提供了异步请求功能,方便与服务器进行数据交互...
理解这些组件的功能和用法是EXT开发的基础。例如,表格组件允许展示大量结构化数据,而表单组件则用于收集用户输入。 3. **数据绑定**:EXT引入了数据绑定机制,使得视图和数据模型之间能自动保持同步。这大大简化...
这个压缩包文件“ExtProject”显然是一个基于Ext框架的项目,它涵盖了数据库操作、Ajax请求以及Store的使用,是初学者学习Ext的理想资源。 首先,让我们深入了解一下Ext中的"增删改查"(CRUD)操作。CRUD代表创建...
2. 创建Store:定义一个Store对象,配置数据源URL、请求方法和数据字段。 3. 定义Model:创建数据模型,定义每列的名称和数据类型。 4. 创建Grid:实例化Grid Panel,设置列配置和Store。 5. 显示Grid:将Grid...
它们可能包括创建EXT应用的基本步骤、组件的使用方法、事件处理和响应机制等,是学习EXT的基础教材。 3. **EXT 中文帮助手册**:这是一份详细的辅助学习材料,可能包含EXT框架的高级特性,如AJAX通信、图表组件、...
如果需要刷新Store中的数据并显示加载提示,同样可以在`reload`方法中使用`callback`来控制提示信息的显示与隐藏。例如: ```javascript reportStore.reload({ callback: function (records, options, success) { ...
而要删除选项,可以使用`removeAt`方法,传入要删除项的索引: ```javascript comboBox.getStore().removeAt(index); ``` 3. **刷新ComboBox**: 修改store后,需要更新ComboBox以便显示变化。调用`loadData`...
3. **远程异步接口(Remote Service Async Interface)**:客户端调用服务时会使用这个接口,它定义了与服务接口相同的方法,但这些方法接受一个实现了`AsyncCallback`接口的对象作为参数,用于处理服务调用的结果。...
EXT JS的`Store`类中,可以通过设置`paging`配置项为`true`来启用分页,并使用`proxy`配置项指定数据源,如`Ext.data.proxy.Rest`或`Ext.data.proxy.Ajax`。在请求参数中,`start`表示起始索引,`limit`表示每页记录...
EXT dojochina Ext类实例方法.rar 是一个与EXT JS框架相关的压缩文件,EXT JS是一个广泛使用的JavaScript库,用于构建富互联网应用程序(RIA)。这个压缩包可能包含了关于EXT JS中的Ext类的一些实例方法的详细教程或...