« Ext中的传参方法« »Ext中form里面的全部控件的演示! »
Ext中的几种Reader
JSON:

//得到远程json对象
//其中jsoncallback.js内容为
//{ 'results': 2, 'rows': [
// { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },
// { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]
//}
//定义proxy
var proxy=new Ext.data.HttpProxy({url:'jsoncallback.js'});
//定义reader
var reader=new Ext.data.JsonReader(
{
totalProperty: "results",//totalRecords属性由json.results得到
root: "rows", //构造元数据的数组由json.rows得到
id: "id" //id由json.id得到
},[
{name: 'name', mapping: 'name'},
{name: 'occupation'} //如果name与mapping同名,可以省略mapping
]
)
//构建Store
var store=new Ext.data.Store({
proxy:proxy,
reader:reader
});
//载入
store.load();

XML:

<?xml version="1.0" encoding="utf-8" ?>
<dataset>
<results>2</results>
<row>
<id>1</id>
<name>Bill</name>
<occupation>Gardener</occupation>
</row>
<row>
<id>2</id>
<name>Ben</name>
<occupation>Horticulturalist</occupation>
</row>
</dataset>
/////////////////////////////////////
var proxy=new Ext.data.HttpProxy(...{url:'datasource.xml'});

var reader = new Ext.data.XmlReader({
totalRecords: "results",
record: "row",
id: "id"
}, [
{name: 'name', mapping: 'name'},
{name: 'occupation'}
]);
var store=new Ext.data.Store({
proxy:proxy,
reader:reader
});
store.load();

 

 

//从本地数组得到
var arr=[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ];
var reader = new Ext.data.ArrayReader(
{id: 0},
[
{name: 'name', mapping: 1},
{name: 'occupation', mapping: 2}
]);

var store=new Ext.data.Store({
reader:reader
});
store.loadData(arr);

 


Tags: Ext  ExtJS  reader  JS  

原创文章如转载,请注明:转载自:飞扬部落编程仓库 : http://www.busfly.net/csdn/

本文链接地址:http://www.busfly.net/csdn/post/658.html

如果你喜欢本文,请顶一下,支持我,你的支持是我继续发好文章的最大动力。谢谢。
好东西需要分享,快把本文发给你的朋友吧~!~

     
相关文章:
Ext中的传参方法  (2008-6-23 11:18:47)
EXT中键盘触发事件的处理  (2008-6-23 11:17:31)
Ext中的文件上传笔记,呵呵!  (2008-6-23 11:16:12)
用ext做的一个登录页面  (2008-6-23 11:13:2)
EXT提交服务器的三种方式(转)  (2008-6-23 11:9:9)
Ext中的xtype和vtype  (2008-6-23 11:7:47)
ext 常用类简单说明  (2008-6-23 10:49:54)
围绕Ext JS 2.0的IDE、插件和工具 by Jack Slocum  (2008-6-23 10:44:19)
extJs formpanel小例  (2008-6-23 1:11:35)
Ext-实现带查询以及分页的列表  (2008-6-23 1:9:56)




◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
Feed订阅集
网站分类
勤劳致富^.^
最近发表
最新评论及回复
最近留言
随机推荐文章
Powered By Z-Blog   STYLE by busfly . FatMouse
Copyright © 2007 巴士飞扬技术博客. . 沪ICP备07027972号. 会员群1(VS为主):3769186.