Extjs4.2 gridPanel中的Store数据远程获取
2017-12-27 17:11
429 查看
var modelName = 'model'; Ext.define(modelName,{ extend : "Ext.data.Model", fields : ["id","code", "name"] }); var store = Ext.create("Ext.data.Store", { autoLoad : false, model : modelName, data : [], pageSize : 20, proxy : { type : "ajax",//异步加载 actionMethods : { read : "POST" }, url : me.URL("/Home/xxxxx/xxxx"), reader : { root : 'data' }, }, listeners : { beforeload : function(store, operation, opts) { store.proxy.extraParams = me.getQueryParam(); }, load : function(store, records, successful, opts) { if (successful){ //成功会自动填充数据,可以不做操作 } } } });
说明如下:
autoLoad 是否自动加载数据,选择false后你需要去手动的刷新,可以调用Ext.getCmp(“pagingToolbar”).doRefresh();
pagingToolbar是专门用来生成分页组件的,可以移步到文档查看
中文4.X文档地址:http://extjs-doc-cn.github.io/ext4api/
autoLoad 是否自动加载数据,选择false后你需要去手动的刷新,可以调用Ext.getCmp(“pagingToolbar”).doRefresh();
pagingToolbar是专门用来生成分页组件的,是放到grid中的bbar字段下的
model就是我们定义的模型数据了,就像java的bean一样
data []表示获取的json数据都会包裹到data数组中
Proxy中
ajax: web开发过程中,与服务器端交互的技术最常用的就是Ajax了。采用异步的方式从服务器获取数据
主要说下reader是如何处理得到的数据,里面可以定义type 获取的数据类型,一般为json,
root是根对象,
listener就是监听了,我们定义了加载之前和加载后的操作,beforeload用于加载之前
store.proxy.extraParams是用来获取额外需要传递的参数,类型是数组,比如:{queryKey :name},当我们结合查询的时候就比较好用
相关文章推荐
- 关于extjs store远程获取json数组的处理方式
- extjs使用store加载远程数据chart报错
- 使用ExtJS GridPanel从Web Service 获取、绑定和显示数据
- Extjs 如何获取jsonstore中的数据
- Extjs4.2 获取行数据的两种方法。
- ExtJs中的store获取数据
- Extjs 解决store.getUpdatedRecordes()获取不到数据
- Extjs4.2 获取行数据的两种方法。
- ExtJs用Store获取数据时取消参数 _dc
- Extjs4.2 获取行数据的两种方法。
- Extjs4 在store中获取root之外的json数据
- 使用ExtJS GridPanel从Web Service 获取、绑定和显示数据
- ExtJS中从WebService获取数据保存到本地,填充GridPanel实现静态数据分页
- 使用ExtJS GridPanel从Web Service 获取、绑定和显示数据
- Xcode9学习笔记74 - 读取和解析Plist属性列表文件(获取远程服务器信息并显示返回数据)
- extjs4.2+java导出excel表格数据
- Ext.data.Store 获取Json数据只有一行,而且是最后一行
- Extjs4.2+webAPI+EF实现分页以及webapi的数据传值
- 禁止Ext.form.ComboBox远程获取数据的方法
- ExtJs——获取GridPanel中的行数据的详细信息