您的位置:首页 > Web前端 > JavaScript

Extjs4通过store向后台加载数据

2012-09-13 13:09 232 查看
xml文件

<records>

<record>

</name>li</name>

<sex>男</sex>

<age>22</age>

</record>

<record>

</name>wang</name>

<sex>女</sex>

<age>23</age>

</record>

</records>

//定义数据模型,从xml文件中通过mapping获取值

var model = Ext.define('model.People', {

extend:'Ext.data.Model',

fields:[

{name:'name',mapping:'record>name'},

{name:'sex',mapping:'record>sex'},

{name:'age',mapping:'record>age'},

]
});
//定义数据集存储数据
var DataStore = Ext.create('Ext.data.Store', {
model: 'model.People',//指定已经定义好的模型
proxy: {
type: 'ajax',//ajax代理
url : 'http://localhost:57772/csp/test/CommonCSP.login.cls',//指定访问数据的路径
reader: {
type: 'xml',//读取的格式(xml,json)
record: 'record',//xml文件中重复出现的标签,store中加载数据的条数

}
}
});
//加载数据的时候通过Store的对象DataStore,调用load()方法加载数据

DataStore.load({

scope:this,

params:{value:value},//传参,没有参数此项可以不写

callback: function(records, operation, success) {//验证传递成功后需要进行的操作

alert(value);

}

});

获取Store中的数值

var status = DataStore.getAt(0).get('status');

//获取store中第一条数据,字段名为“status”的值

可以通过循环遍历

for(int i=0;i<DataStore.getCount();i++) {

var variable = DataStore.getAt(i).get('status');

//获取第i条数据字段名为“status”的值

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: