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接口对应的数 ...
随机推荐
- LUNA16数据集(二)肺结节可视化
在检测到肺结节后,还需要可视化,这样才能为诊断服务. 我使用的项目地址为:https://github.com/wentaozhu/DeepLung 项目基于论文:DeepLung: Deep 3D ...
- 编译 OpenWrt/LEDE 基本过程
说明 前段时间花 110 从闲鱼淘了个 Newifi D1,这个路由的 Soc 是 MT7621AT,性能强劲,于是又开始折腾编译固件了,重新记录一下编译基本过程. 步骤 安装必要的软件包 sudo ...
- Solr学习笔记(4) —— SolrCloud的概述和搭建
一.概述 1.1 什么是SolrCloud Lucene是一个Java语言编写的利用倒排原理实现的文本检索类库: Solr是以Lucene为基础实现的文本检索应用服务.Solr部署方式有单机方式.多机 ...
- DokanLibrary 卸载
如果不小心安装了旧版...请卸载 在 c 盘中搜索 doken 其中有一个文件叫dokan.sys 它在C:\Windows\System32\drivers 文件夹中...放心删掉之.. 太坑了 ...
- C语言文件I/O和标准I/O函数
读取/写入 相对于文件而言 输入/输出 相对于程序/内存而言 一切皆文件,键盘.显示屏也是文件,只不过是特殊的标准文件: 标准文件:标准输入.标准输出.标准错误:---->对应的文件指针:st ...
- redis 集合
> SADD myset1 a b c (integer) > SADD web maiziedu.com (integer) > SADD web maiziedu.com (in ...
- Tcpdump命令抓包详细分析
1 起因 前段时间,一直在调线上的一个问题:线上应用接受POST请求,请求body中的参数获取不全,存在丢失的状况.这个问题是偶发性的,大概发生的几率为5%-10%左右,这个概率已经相当高了.在排查问 ...
- HIVE sql取中文
select regexp_replace(str,'[^\\u4e00-\\u9fa5]','') as str1 from ( select 'test测试test' as str ) t ;
- esper(4-1)-简单context
1.创建context语法 create context context_name partition [by] event_property [and event_property [and ... ...
- vi或vim下按方向键改变方向变成ABCD这类字符
遇到这种问题肯定很恼火,按方向键改变文本的方向有时候变成输入ABCD,有时候并不是我们想要的结果 解决方法: $ echo "set nocp" >> ~/.vimrc ...