1. 常用的初始化方法
新建一个store一般的方法如下(一般从服务器获得数据)
var storeRecord = new Ext.data.Record.create(
[
{name: 'id', type: 'string', mapping:'projectId'},
{name: 'name', type: 'string', mapping:'projectName'},
{name: 'type', type: 'string', mapping:'type'}
]
);
var configProjectAll = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({ // 加载的远程url
url : 'findConfigProjectAll.action'
}),
autoLoad : false, // 是否自动加载 一般设置false 需要时候在加载
sortInfo : {field: 'name', direction: 'ASC'},//DESC 排序依据和升or降
reader : new Ext.data.JsonReader({
totalProperty : 'totalProperty',
root : 'root', // 服务器返回json的根信息
id :'projectId' // 值为对应的mapping的值
},
storeRecord // 要加载的数据
)
});
2. 加载数据
store创建好后,需要调用load()函数加载数据,
加载成功后才能对store中的数据进行操作。
load()调用的完整过程如下面的代码所示。
store.load({
// params是在store加载时发送的附加参数。
params: {start:0,limit:20},
// records参数表示获得的数据(是一个数组)
// options表示执行load()时传递的参数
// success表示是否加载成功(true or false)
// 上面参数具体的用法可以通过ff进行查看,一目了然
callback: function(records, options, success){
// 可以通过参数sucess判断是否成功加载
},
// 用来指定回调函数执行时的作用域。
scope: store,// 一般不用
//Add为true时,load()得到的数据会添加在原来的store数据的末尾,
//否则会先清除之前的数据,再将得到的数据添加到store中。
add: true // 一般不用
});
3. 后台要返回对应的json格式的数据
{
"root":
[
{
"processVersion":2,
"projectId":84,
"projectName":"a",
"projectVersion":" ",
"type":1
},{
"processVersion":2,
"projectId":85,
"projectName":"b",
"projectVersion":"10.1",
"type":1
},{
"processVersion":2,
"projectId":86,
"projectName":"c",
"projectVersion":"10.2",
"type":1
}
],
"success":true,
"totalProperty":3
}
Store会自动根据传递来的数据进行加载
根据
{name: 'id', type: 'string', mapping:'projectId'},
进行自动匹配,多余的就不匹配.丢弃
2. ext2.2 和 ext3.2 返回值success区别
Ext.data.Store 加载时候
ext2.2 不用管前台放回的是false还是true
ext3.2 如果前台放回success false 无法加载数据 一定要是true
3. stroe加载数据,传递额外信息.并获取
比如:加载数据的同时要向客户端传递查询的sql语句的实现
store.load({
params:{
start:0,
limit:pageSize
},
callback: function(records, options, success){
sql = this.reader.jsonData.sql; // sql 就是附加的json信息
}
});
4. Store遍历
store.each(function(record){
var value = record.get(name);//Ext.data.Record.create 对应的name的值
});
- 大小: 48.6 KB
- 大小: 28.2 KB
分享到:
相关推荐
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
NULL 博文链接:https://kejiangwei.iteye.com/blog/429617
Ext.data 在命名空间中定义了一系列store、reader 和proxy。Grid 和ComboxBox 都是以Ext.data 为 媒介获取数据的,它包含异步加载、类型转换、分页等功能。Ext.data 默认支持Array、JSON、XML 等 数据格式,可以通过...
store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext.PagingToolbar({ store:store, pageSize:limit, displayInfo:true, displayMsg:'本页显示第{0}条到第{...
35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...
6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...
代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...
6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. ...
中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据
7.5.4 ext.data.store加载数据的方法 / 350 7.5.5 ext.data.treestore加载数据的方法 / 354 7.5.6 store的配置项 / 358 7.5.7 store的分页 / 359 7.5.8 store的排序:ext.util.sorter与ext.util.sortable / 360...
1.Ext Designer生成的代码,如何使用;通过实例化来使用。...Ext.data.Store Ext.container.Viewport .... 希望能给初学者一点启示吧。 如果有不明白的请我QQ:243596252;时间允许我会帮助大家。。。
35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...
ExtJs + api + 笔记 + 完整包
10.4 Ext.data.Store ...............................233 10.4.1 基本应用...................................233 10.4.2 对数据进行排序.......................234 10.4.3 从store中获取数据...............234 ...
13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data....