Extjs Store 的用法详解

本文详细介绍了Ext.data.Store的使用方法,包括创建Store、数据排序、获取数据、更新数据、加载与显示数据以及过滤数据等操作。Store需要配置proxy和reader来处理数据,load()函数用于加载数据,sort()函数进行排序,add()和insert()用于添加数据,remove()和removeAll()用于删除数据,filter和filterBy用于数据过滤。此外,还涉及了数据的本地和远程排序、查询和更新功能。
摘要由CSDN通过智能技术生成

Ext.data.Store的基本用法

在使用之前,首先要创建一个Ext.data.Store的实例,如下面的代码所示。





每个store最少需要两个组件的支持,分别是proxy和reader,proxy用于从某个途径读取原始数据,reader用于将原始数据转换成Record实例。

这里我们使用的是Ext.data.MemoryProxy和Ext.data.ArrayReader,将data数组中的数据转换成对应的几个PersonRecord实例,然后放入store中。

store创建完毕之后,执行store.load()实现这个转换过程。

经过转换之后,store里的数据就可以提供给Grid或ComboBox使用了,这就是Ext.data. Store的最基本用法。


Ext.data.Store对数据进行排序


Ext.data.Store提供了一系列属性和函数,利用它们对数据进行排序操作。

可以在创建Ext.data.Store时使用sortInfo参数指定排序的字段和排序方式,如下面的代码所示。

这样,在store加载数据之后,就会自动根据name字段进行降序排列。对store使用store.setDefaultSort('name','DESC');也会达到同样效果。

也可以在任何时候调用sort()函数,比如store.sort('name', 'DESC');,对store中的数据进行排序。

如果我们希望获得store的排序信息,可以调用getSortState()函数,返回的是类似{field: "name", direction: " DESC"}的JSON对象。

与排序相关的参数还有remoteSort,这个参数是用来实现后台排序功能的。

当设置为remoteSort:true时,store会在向后台请求数据时自动加入sort和dir两个参数,

分别对应排序的字段和排序的方式,由后台获取并处理这两个参数,在后台对所需数据进行排序操作。

remoteSort:true也会导致每次执行sort()时都要去后台重新加载数据,而不能只对本地数据进行排序。


Ext.data.Store从store中获取数据

从store中获取数据有很多种途径,可以依据不同的要求选择不同的函数。

最直接的方法是根据record在store中的行号获得对应的record,得到了record就可以使用get()函数获得里面的数据了,如下面的代码所示。


通过这种方式,我们可以遍历store中所有的record,依次得到它们的数据,如下面的代码所示。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

trassion

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值