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'},
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”的值
}
<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”的值
}
相关文章推荐
- Extjs6 treepanel store无法加载请求后台URL数据bug
- Android使用webview控件加载本地html,通过Js与后台Java实现数据的传递
- 根据已经加载好的datagrid数据,通过条件查询进行重新根据查询的条件进行加载:(无需通过后台再次查询)
- Store加载数据通过监听事件返回加载成功的结果
- Druid通过Kafka加载数据
- jquery.validate 验证(支持前台js验证通过,然后ajax后台数据校验)
- 解决js数据包含加号+通过ajax传到后台时出现连接错误
- 通过Messenger与后台连接(单向操作,activity向service发送数据)
- 将表单序列化之后变成的json格式的数据无法通过Ajax发送到后台的解决
- 前台数据通过AJAX传到JAVA后台并存入到txt文件中
- 详解vue 模拟后台数据(加载本地json文件)调试
- 通过启动禁止按钮改变后台数据库数据
- 后台向前台输送json格式的数据,前台通过ajax接受
- loushang5关于DataSet通过后台查询出的数据如何映射到前台JSP页面的下拉列表中
- Ext在模型中通过代理加载数据
- highcharts(1)------- 通过 Ajax 加载数据
- ExtJS4 TreePanel 加载数据 J2EE
- 利用HttpWebRequest通过POST Json数据在.net后台实现不同平台间的数据传输
- jquery如何通过ajax请求获取后台数据显示在表格上