![[Phonegap+Sencha Touch] 移动开发8、store和proxy](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzQvMS85LzYvOTYvNWQzYjAyM2E1ODRhMWIzZDBlN2VhNTliMWFiMWRmOWIuanBl.jpe?w=700&webp=1 "[Phonegap+Sencha Touch] 移动开发8、store和proxy")
上图是一个支持服务端分页、服务端排序、和服务端过滤的一个store的配置。
一、store常用的配置参数：1、autoLoad：Boolean, 表示创建store之后是否立即加载数据，默认false。因为我们要等到view显示的时候，手动去调用store.load()方法，加载数据
2、autoSync：Boolean, 对store数据的变更（增删改查），是否立即保存，默认false
3、sorters：Array, 排序规则的集合，是一个数组，可以有多个(数组里的每个元素最后都被转换成了Ext.util.Sorter的实例)。写法如： sorters: [{ property: "RequestDate", direction: "DESC" }] 或者 sorters: [Ext.create('Ext.util.Sorter', { property: "RequestDate", direction: "DESC" })]
Ext.util.Sorter的配置项： 常用的有 (1) property：String, 排序的字段； (2) direction：String, 排序方向，可选值'ASC', 'DESC'； 还有 (3) id：为每个排序规则指定一个id； (4) sorterFn：Function, 特殊指定一个排序的方法，而不按照property指定的字段来排序。比如有个字段OpDateTime，我不想按照property: OpDateTime排序，而想要格式化成'Y-m-d'之后再排序，此时就应该用sorterFn； (5) root：String, 意思就是property是来自record的哪里的。默认值是null，也可以配置为'data'，也就是默认排序的字段是record.data里面的；
4、groupField：String, 分组的字段
5、groupDir：String, 分组之间的排序方向，'ASC'(默认)或'DESC'
6、grouper：Object, 即分组排序。 使用分组功能，需要把用到这个store的dataview控件的grouped设为true。grouper 和 groupField & groupDir 只需要指定一种 (grouper这个配置最后被转换成为Ext.util.Grouper的实例) Ext.util.Grouper继承自Ext.util.Sorter。所以，grouper也是一个sorter，grouper有sorter的属性。 (1) property：String, 分组的字段，是分组的依据； (2) direction：String, 分组之间的排序方向(组与组之间的，而不是组里内容之间的)，可选值'ASC', 'DESC'；还有 (3) groupFn：Function, 分组的依据。这个配置和property只需要指定一个。 groupFn是一个方法，返回值用于分组（用于property不能满足分组的时候，比如有个字段OpDateTime，我不想按照property: OpDateTime分组，而想要格式化成'Y-m-d'之后再分组，此时就应该用groupFn） (4) sortProperty：String, 分组之间的排序依据，一般和property设置成一样字段（我测试过不一样的时候，会出现分组乱了的现象），如果property没有设置，而是设置了groupFn，那么最好是设成groupFn里面用到的字段，或者根据情况设置。
7、pageSize：Int, store分页的每页记录数，默认25 请求后台数据的参数像这样：?page=1&start=0&limit=25 start是根据page和limit计算出来的，其实page和start只要其中一个就够了。
8、params：Object, 需要传递到后台的其他参数。默认值{}，这个params会给proxy，由proxy去请求数据
9、remoteGroup：Bollean，默认false。如果设置成true， 请求后台数据的参数像这样：?page=1&start=0&limit=25&group=[{"property":"OpDate","direction":"ASC"}]
10、remoteSort：Bollean，默认false。如果设置成true， 请求后台数据的参数像这样：?page=1&start=0&limit=25&group=[{"property":"OpDate","direction":"ASC"}]&sort=[{"property":"OpDate","direction":"ASC"}, {"property":"ObjType","direction":"ASC"}] 注意： (1) 如果有store设置了grouper，那么会把grouper指定的字段和方向，作为sort里的第一个元素。 grouper的property如果没有指定(而是指定了groupFn)，那么group和sort的第一个元素会是这样的：{"property":null,"direction":"ASC"} (2) 如果proxy的simpleSortMode设置为了true，那么只会传递一个sort规则，例如：?page=1&start=0&limit=25&sort=OpDate&dir=ASC
11、remoteFilter：Bollean，默认false。如果设置成true， 请求后台数据的参数像这样：?page=1&start=0&limit=25&filter=[{"property":"UserName","value":"Admin"},{"property":"ObjName","value":"采购订单"}]
二、proxyproxy有很多类型，type配置的可选值有ajax, direct, jsonp, rest, localStorage, sessionStorage, sql等ajax算是前4种的基础了，用的也比较多。最后3种是本地存储。通过给ajax配置api属性、或者使用direct、rest可以很方便实现简单的增删改查(CRUD，Create, Retrieve, Update, Delete)。实际使用中一般通过ajax获取数据，增删改还是手动控制的多。顶上的图，就是配置的ajax获取数据。看看主要的配置项：1、type：String，指定proxy的类型
2、actionMethods：Object，包含create、read、update和destroy四种action，每种action可选值'GET', 'POST'，即Http请求的类型，也就是上面说的?page=1&start=0&limit=25是如何传递到后台的。'GET'就是说page=1&start=0&limit=25拼接到url的后面，'POST'就是post提交 actionMethods: { create: "POST", read: "GET", update: "POST",
destroy: "POST",
}
3、simpleSortMode：Boolean，上面的store讲过了
4、extraParams：Object, 需要传递到后台的其他参数。
5、filterParam：String，默认'filter'
6、groupParam：String，默认'group'
7、limitParam：String，默认'limit'
8、pageParam：String，默认'page'
9、sortParam：String，默认'sort'
10、startParam：String，默认'start'上面6个XXXParam，是作为Http请求数据的参数名，默认就行，最好不要改
11、reader：Object，如何读取获取到的数据，有下面的配置项： (1) type：String
(2) rootProperty：String，默认''。分页的时候可以指定此属性，不分页的时候默认空字符串就行。 (3) successProperty：String，默认'success'。表示返回数据是否有错误，不是必须的
(4) totalProperty：String，默认'total'。分页的时候，服务端除了返回当前页的数据，还要返回所有页的数据总条数 reader: { type: "json", rootProperty: 'root' }向上面这个，说明后台返回的数据是json类型，而且返回的数据类似 {total: 100, root: [{name: 'one'}, {name: 'two'}, {name: 'three'}, {name: 'four'}]}即total是数据总数，root是当前页的所有数据
12、url：String，请求数据的url来源
欢迎加入Sencha Touch + Phonegap交流群
1群：194182999 (满)
2群：419834979
共同学习交流（博主QQ：479858761）