Extjs4如何构造store基类
目标:重写一个BaseStore的基类,它继承自Ext.data.Store基类。 autoLoad:true/false 是否自动加载,true时创建store即自动加载,一般适合get方式;false时一般需要通过触发事件给store赋参数,然后load(),一般适合post请求方式。
remoteSort:true/false 是否远程服务器排序,默认false,即在客户端排序。
sortOnLoad:true/false 默认true,所有加在store上的排序操作都在数据加载完之后,改变数据的事件触发之前进行,如果remoteSort为true,则会忽略该字段功能。
pageSize:number 默认25,每页加载多少行数据,可用于nextPage和previousPage方法实现分页功能。
model:string store对应的model,一般必填,最重要的参数。
fields:object 如果没有model,则可以直接给fields赋值,会根据fields自动创建对应的model。
proxy:数据代理方式 proxy基类又有很多参数和属性,以type:'Ajax'为例:
(1) batchActions:true/false 是否设置启用批量操作,默认为true。批量操作就是对Store实例中的记录作CUD(create、update、destroy)后,执行“store实例.sync()”批量将操作发送到服务端。
(2) batchOrder: 以逗号作分隔符的方式设置批量操作的顺序,默认为"create,update,destroy"。仅batchActions为true时有效。
(3) reader: 读取服务器端数据的方式,常用'json'方式,与之对应的是writer:从客户端向服务器端发送数据时的数据形式,常用'json'。
(4) actionMethods: http请求方式,get一般read操作,post一般create、update、destroy操作。
(5) api:增删改查对应的后台路径。
(6) extraParams:object 前台往后台发送请求时需要的参数:比如:
param:{date:myDate,
time:myTime,
num:myNum
}
myStore.extraParams=param;这样就可以把参数发送给后台了。
(5) Ext.data.reader.Json很常用,很重要,它的重要参数和属性:
- idProperty:从数据源读取的记录的id属性名,默认与Model的idProperty一致;
- messageProperty:从数据源读取的数据的message属性名,默认为message;
- root:从数据源读取的数据的记录入口属性名,默认为空字符串;
- successProperty:从数据源读取的数据的success属性名,默认为success;其值为true则表示成功,为false且存在errors属性则表示服务端失败,为false且无errors属性则表示链接失败。
- totalProperty:从数据源读取的数据的total属性名,默认为total;表示总记录数目。
(6) Ext.data.writer.Json 参数和属性:
1. allowSingle:true/false 默认true,只有一组数据时不用数组形式,false时都用数组形式。
2. writeAllFields:设置为true时将记录的所有字段均发送到数据源(客户端或服务端);false时则仅发送标记为modified(修改过的)的字段到数据源。默认值为true。注意被标记为persist为false的字段将不发送到数据源。
以上就是和store基类有关的经常用到的属性和参数,自己可以根据这些属性构造适合自己的基类。
Ext.define('MyExt.store.Base.BaseStore', {
extend: 'Ext.data.Store',
requires: ['MyExt.store.JsonReader'],
autoLoad: true,
remoteSort: false,
sortOnLoad: false,
pageSize: 50,
model: '', //必填属性 model
readAction: 'get', //请求读取时的方式post、get
batchActions: true,
constructor: function (config) {
Ext.apply(this, config);
var me = this;
var model = Ext.create(me.model, {});
var multiidProperty = false;
if (typeof (model.idProperty) != 'string') {
multiidProperty = true;
}
me.proxy = {
type: "ajax",
api: model.api,
reader: Ext.create('MyExt.store.JsonReader', {
idProperty: model.idProperty
}),
writer: {
type: 'json',
writeAllFields: multiidProperty,
allowSingle: false
},
actionMethods: {
read: me.readAction
},
batchActions: me.batchActions,
method: 'post'
};
this.callParent([config]);
return this;
},
setParam: function (obj) {
Ext.apply(this.proxy.extraParams, obj);
if (this.pageSize != -1) this.currentPage = 1;
}
});
Ext.define('MyExt.store.JsonReader', {
extend: 'Ext.data.reader.Json',
type: 'json',
root: 'data',
totalProperty: 'count',
successProperty: 'success',
messageProperty: 'message',
constructor: function (config) {
Ext.apply(this, config);
this.callParent([config]);
return this;
}
});
这样就可以很方便的用自己写的BaseStore基类了。
未完待续。。。
Extjs4如何构造store基类的更多相关文章
- C/C++ 多继承{虚基类,虚继承,构造顺序,析构顺序}
C/C++:一个基类继承和多个基类继承的区别 1.对多个基类继承会出现类之间嵌套时出现的同名问题,如果同名变量或者函数出现不在同一层次,则底层派生隐藏外层比如继承基类的同名变量和函数,不会出现二义性, ...
- 从汇编看c++中含有虚基类对象的析构
c++中,当继承结构中含有虚基类时,在构造对象时编译器会通过将一个标志位置1(表示调用虚基类构造函数),或者置0(表示不调用虚基类构造函数)来防止重复构造虚基类子对象.如下图菱形结构所示: 当构造类B ...
- C++ | 继承(基类,父类,超类),(派生类,子类)
转载:https://blog.csdn.net/Sherlock_Homles/article/details/82927515 文章参考:https://blog.csdn.net/war1111 ...
- C++类继承中,基类/当前对象属性/当前对象的构造顺序
[1]中提到,规范的派生类构造函数三个要点: 首先创建基类对象 应通过成员初始化列表,创建基类对象 应该初始化本派生类新增的成员变量 那在构造派生类实例的过程中,其基类(以及多继承的时候多个基类)/当 ...
- C++类继承--构造函数时先构造基类
以下说明继承类函数构造时,先构造基类: 析构基类时,若没加上virtual,只析构基类,不析构派生类: 析构派生类时,同时会析构基类: 1. 基类析构函数有virtual #include <s ...
- c# 衍生类和基类的构造顺序
public class MyDeriveClass :MyBaseClass { public MyDeriveClass() :base() { } int derive_int = 1; } p ...
- Filter组件开发中的SDK基类分析
DirectShow SDK提供了一套开发Filter的基类源代码.基于这些基类开发Filter将大大简化开发过程. 1.CBaseObject 大部分SDK类都从CBaseObject类(参见com ...
- Caffe源码理解3:Layer基类与template method设计模式
目录 写在前面 template method设计模式 Layer 基类 Layer成员变量 构造与析构 SetUp成员函数 前向传播与反向传播 其他成员函数 参考 博客:blog.shinelee. ...
- 基于SqlSugar的开发框架循序渐进介绍(10)-- 利用axios组件的封装,实现对后端API数据的访问和基类的统一封装处理
在SqlSugar的开发框架的后端,我们基于Web API的封装了统一的返回结果,使得WebAPI的接口返回值更加简洁,而在前端,我们也需要统一对返回的结果进行解析,并获取和Web API接口对应的数 ...
随机推荐
- H5切换至后台页面
先说重点,试了很多种方法,这个真实有效 var reLoadLeftTime = false ;//监听浏览器当前页面是否被激活的事件var hiddenProperty = 'hidden' in ...
- 浅谈CSS3中display属性的Flex布局
浅谈CSS3中display属性的Flex布局 最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex 1 .container { 2 display: fle ...
- Ansible故障
常见问题一: [root@m01 ~]# ansible -k 172.16.1.51 -m ping SSH password: [WARNING]: No hosts matched, noth ...
- 阿里插件检查 lombok报错---方法缺少 '@Override' 注解
问题: Eclipse里,阿里编码规约插件扫描代码出现,但是idea却没有. 解决: 将以上注解改成 @Setter @Getter @NoArgsConstructor @AllArgsConstr ...
- Thread.GetNamedDataSlot(String)
https://docs.microsoft.com/zh-cn/dotnet/api/system.threading.thread.getnameddataslot?redirectedfrom= ...
- angularJs(2)表单中下拉框单选多选
多选 <input type="checkbox" ng-model='game' ng-true-value="1" ng-false-value=&q ...
- 查看linux系统各种参数配置的命令
查看linux系统各种参数配置的命令 last |grep shutdown //查看上次关机时间 last |grep reboot ...
- Python3 PIL Image 操作文件后导致占用问题
需求:按图片分辨率范围分类图片(每个商品有N张图片在一个目录内). 实现:用PIL Image打开图片并读取宽度和高度.然后按不同分辨率存档到不同目录. 问题:从原有目录移动到目标目录时出现 “Per ...
- maya 安装不上
AUTODESK系列软件着实令人头疼,安装失败之后不能完全卸载!!!(比如maya,cad,3dsmax等).有时手动删除注册表重装之后还是会出现各种问题,每个版本的C++Runtime和.NET f ...
- Linux小工具:文件上传ftp服务器
工作期间,每次将文件上传至ftp服务器时,均需要手工输入ip.用户名.密码等,因此,考虑编写脚本完成文件的上传任务.具体的脚本sync.sh如下: #!/bin/bash source ~/.bash ...