后台返回数据
一般在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.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
EXT-JS Grid 用法 用EXT Designer 工具设计,步骤清晰详尽。
8.3.2 在CRUD操作中restful的设置以及使用Ext.Direct的问题 247 8.4 ListView控件 248 8.5 本章小结 251 第四部分 Ext 扩展和Ext插件 第9章 Ext 扩展 254 9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备...
代码如下: var p_years = new Ext.form.ComboBox( { fieldLabel : ‘统计年份’, anchor : anchor_w, mode : ‘remote’, maxHeight:100, triggerAction : ‘all’, selectOnFocus : true, forceSelection : true, ...
Ext的学习笔记:关于Store,GridPanel及其属性的用法,希望能帮助大家
6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误开始 / 252 6.2.2 使用ext.get获取元素 / 253 6.2.3 使用ext.fly获取元素 / 256 ...
使用对ExtGrid 的扩展,根据store里的数据生成xml格式的excel文件,然后导出。
可以使用add(Ext.data.Record[] records)或者add(Ext.data.Record record)向store末尾添加一个或多个record。如: 代码如下: var newRecord=new PersonRecord({name:”Tom”,age:22}); store.add(newRecord); add...
1、关于加载和回调的问题 ExtJs的Store在加载时候一般是延迟...一定要给store的reload方法也添加callback函数,已关闭提示框 例子主要代码如下: 代码如下: varmsgTip; // 一定要定义在使用前,且定义为全局变量 var
1、在创建store时,需要设置groupField属性的值,即为需要分组的值 for example: JavaScript代码 Ext.define('Person', { extend: 'Ext.data.Model', fields: ['name', 'sex'] }); 在这个数据模型中,我们需要以...
用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); ...
6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...
Ext 的Grid 最大的特点就是显示模型和数据模型分离,数据处理都在Store中,Grid只负责显示和操作控制,通过本章的学习,您将会了解Ext主要部件全方位的使用方法和技巧。
extjs的pagingtoolbar 点击下一页时,出现store的load时间,但是只有start和limit这两个参数,这样就出现了,点击下一页...虽然可以通过一次查处所有符合条件的记录,然后根据传入的条件筛选的方法,但是我更喜欢这样~
webext-redux允许您像使用Redux的webapp一样构建Web扩展。 后台页面保存Redux存储,而Popovers和Content-Scripts充当UI组件,在它们和后台存储之间传递动作和状态更新。 归根结底,您只有一个真实来源(您的Redux...
用法var searching = { ftype: 'searching', minChars: 2, mode: 'local'}var grid = Ext.create('Ext.grid.Panel', { store: store, stateful: true, stateId: 'stateGrid',features: [searching], columns: [{ ...
6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...
ngx-mini-store 微型但功能强大的Angular状态管理库。 在小型和强大的几个组件之间共享状态。 安装 npm install ngx-mini-store --save # or yarn add ngx-mini-store --save ...export class TasksStore ext
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....