ExtJs中同一个URL构造多个Ext.data.JsonStore
来源:互联网 发布:淘宝买电话卡 编辑:程序博客网 时间:2024/05/16 14:45
最近做项目一个页面需要向相同一个URL取一个对象的两种不同的属性集,用来在前台分别用两种不同的组件显示。因为查找的是同一个对象,而且一次就 能获得其两种属性集,如果分为两次请求,那样效率太低了。那现在就需要在一次请求中返回所有的数据,然后再构造成两个不同的JsonStore以便两个不 同的Ext组件进行加载。
那如何完成这一目标呢?首先我的思路是这样的:
(1)用Ext.Ajax.request()去后台取数据,如下所示:
Ext.Ajax.request({
url:urlstr,//后台取数据的地址
success:function(response){
var responseJson = Ext.util.JSON.decode(response.responseText);
if(responseJson.success)
{
store1.loadData(responseJson);//将后面(3)中的store1、store2的定义放在
store2.loadData(responseJson);//Ext.Ajax.request之前
}
},
failure:function(response){
}
});
(2)后台返回json格式的数据,如
{success:true,root1:[{name:’name’,type:’type’},{name:’name1’,type:’type1’}],root2:[{color:’red’,number:3},{color:’black’,number:4}]};
(3)在前台构造两个Ext.data.JsonStore,如下所示:
var store1 = new Ext.data.JsonStore({
fields:['name','type'],
root:’root1′
});
var store2 = new Ext.data.JsonStore({
fields:['color',’number'],
root:’root2′
});
(4)在前台将后台返回的json数据转换成json对象(第(1)步中的responseJson 对象),然后使用Ext.data.JsonStore对象的loadData()方法加载json类型的数据即可,这样就构造两个JsonStore 了,以便其他组件配置项‘store’使用。
store1.loadData(responseJson);//加载json类型的数据
- ExtJs中同一个URL构造多个Ext.data.JsonStore
- Extjs学习笔记——Ext.data.JsonStore使用说明
- 【读】Ext.data.JsonStore
- 浅谈:Ext.data.JsonStore
- Ext.data-GroupingStore/JsonStore/SimpleStore
- Ext.data-GroupingStore/JsonStore/SimpleStore
- Ext.data-GroupingStore/ JsonStore/ SimpleStore
- Ext.data-GroupingStore/ JsonStore/ SimpleStore
- Ext.data-GroupingStore/JsonStore/SimpleStore
- Ext.data.JsonStore的用法
- 理解Ext.data.JsonStore 对象
- Ext.data-GroupingStore/JsonStore/SimpleStore
- [转载]Ext.data-GroupingStore/JsonStore/SimpleStore
- Ext.data.Store/GroupingStore/JsonStore/SimpleStore
- Ext.data.Store/GroupingStore/JsonStore/SimpleStore
- ExtJS中grid的JsonStore、Ext.PagingToolbar带条件查询问题
- Ext中JsonStore重新设置url然后加载数据的方法
- EXT核心API详解Ext.data(十二)-GroupingStore/JsonStore/SimpleStore
- 解决JSP路径问题的方法
- Mule ESB—集成到tomcat
- 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败
- 使用 JMeter 完成常用的压力测试
- java.net.BindException: bind failed: EADDRINUSE (Address already in use)解决办法
- ExtJs中同一个URL构造多个Ext.data.JsonStore
- 优化app的离线用户体验
- Kvc....
- PHP面向对象的编程(类成员方法用法)
- Oracle中merge into的使用
- 解读MySQL事务的隔离级别和日志登记模式选择技巧
- 解决MyEclipse官方网站打不开
- UDID替代方案
- Ubuntu下解决解压rar出现乱码问题