没有合适的资源？快使用搜索试试~ 我知道了~

首页Ext.data.Store的基本用法

Ext.data.Store的基本用法

3星 · 超过75%的资源需积分: 50 12 下载量 21 浏览量更新于2023-03-03 评论收藏 1.77MB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

19页

Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法

资源详情

资源评论

资源推荐

ExtJs

之

Ext.data.Store

因为上次用过  ，觉得挺重要的，故转载了一

篇 

Ext.data.Store 的基本用法

在使用之前，首先要创建一个  的实例，如下面的代码所示。

1 var data = [

2 ['boy', 0],

3 ['girl', 1]

4 ];

6 var store = new Ext.data.Store({

7 proxy: new Ext.data.MemoryProxy(data),

8 reader: new Ext.data.ArrayReader({},

PersonRecord)

9 });

11 store.load();

  ! " "#$#% &% "##% &&'  ! (

)* $ ( +,$-$).% 

( /$0)*1% -0.1.').'

每个  最少需要两个组件的支持，分别是 $ 和 ，$ 用于从某

个途径读取原始数据， 用于将原始数据转换成 0 实例。

这里我们使用的是 +,$-$ 和 /$0，将 

数组中的数据转换成对应的几个 -0 实例，然后放入  中。

 创建完毕之后，执行 ).实现这个转换过程。

经过转换之后， 里的数据就可以提供给 2 或 3,4 使用了，这就是

  的最基本用法。

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

 提供了一系列属性和函数，利用它们对数据进行排序操作。

可以在创建  时使用 56 参数指定排序的字段和排序方式，如

下面的代码所示。

12 var store = new Ext.data.Store({

13 proxy: new Ext.data.MemoryProxy(data),

14 reader: new Ext.data.ArrayReader({},

PersonRecord),

15 sortInfo: {field: 'name', direction: 'DESC'}

16 });

  ! ( )* $ (

+,$-$).%  ( /$0)*1%

-0.% 56 *7 #,#%  #83#11.'

这样，在  加载数据之后，就会自动根据 , 字段进行降序排列。对 

使用 869)#,#%#83#.'也会达到同样效果。

也可以在任何时候调用 ).函数，比如 )#,#% #83#.'，对 

中的数据进行排序。

如果我们希望获得  的排序信息，可以调用 ).函数，返回的是

类似*7 :,:%  : 83:1的 ;<= 对象。

与排序相关的参数还有 ,，这个参数是用来实现后台排序功能的。

当设置为 ,9 时， 会在向后台请求数据时自动加入  和 

两个参数，

分别对应排序的字段和排序的方式，由后台获取并处理这两个参数，在后台对所需

数据进行排序操作。

,9 也会导致每次执行 ).时都要去后台重新加载数据，而不能只

对本地数据进行排序。

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

从  中获取数据有很多种途径，可以依据不同的要求选择不同的函数。

最直接的方法是根据  在  中的行号获得对应的  ，得到了

 就可以使用 ).函数获得里面的数据了，如下面的代码所示。

17 store.getAt(0).get('name')

/).)#,#.

通过这种方式，我们可以遍历  中所有的 ，依次得到它们的数据，如

下面的代码所示。

18 for (var i = 0; i < store.getCount(); i++) {

19 var record = store.getAt(i);

20 alert(record.get('name'));

21 }

6 )  ! '  > 39).' ??. *   ! /).'

))#,#..'1

39).返回的是  中的所有数据记录，然后使用 6 循环遍历整个

剩余18页未读，继续阅读

chenxinkin3

2012-09-11

学习了，感觉一般般，都是很基础的知识，3分感觉贵了点

找出下列代码的错误点 var store = me.Store_BPMDATA_AdmissionFee_M; var ids=[]; var grid = me.Grid_BPMDATA_AdmissionFee_M; var recs = grid.getSelectionModel().getSelection(); debugger; Ext.Msg.show( { title: '同步数据', //msg: '您确定要删除选中项吗？', buttons: Ext.Msg.OK, //buttons: Ext.Msg.OKCANCEL, defaultFocus: 'OK', //defaultFocus: 'cancel', //icon: Ext.MessageBox.INFO, fn: function (btn, text) { YZSoft.Ajax.request( { url: YZSoft.$url(me, 'YZModules/RenewalPayment.ashx'), method: 'POST', params: { method: 'ProcessRequest' }, jsonData: , success: function (action) { var rv = ""; debugger; store.reload(); }, failure: function (action) { var rv = action.result.errorMessage; Ext.Msg.alert("提示", "通知操作失败，请联系管理员！" + rv) } }); } });

1. 在 Ext.Msg.show() 方法的 jsonData 参数中，为空，应该将其设置为一个对象。 2. 在 YZSoft.Ajax.request() 方法的 jsonData 参数中，也为空，应该将其设置为一个对象。 3. 在 Ext.Msg.show() 方法中，buttons ...

extjs导入如何去掉进度条

1. 使用`Ext.Ajax`的`request`方法进行后台数据导入，而不是使用`Ext.data.Store`或`Ext.data.Model`。通过使用`Ext.Ajax`，可以自定义导入数据的方式，不会生成导入进度条。 2. 使用`Ext.data.proxy.Ajax`代替`Ext...

ext.js 生成折线图

var store = Ext.create('Ext.data.Store', { fields: ['name', 'data1', 'data2'], data: [ { name: 'Item 1', data1: 10, data2: 15 }, { name: 'Item 2', data1: 7, data2: 12 }, { name: 'Item 3', data1: ...

HOMER grid

HOMER grid是一个基于Ext的grid组件，用于在应用程序中显示和处理大量...其中，Store是Ext.data.Store或者Ext.data.DirectStore对象的实例，用于存储数据；columns是Ext.grid.Panel实例的属性，用于定义grid的列信息。

extjs6的数据源store怎样去传参数

var store = Ext.create('Ext.data.Store', { fields: ['name', 'email', 'phone'], proxy: { type: 'ajax', url: 'myurl', extraParams: { param1: 'value1', param2: 'value2' }, reader: { type: 'json...

reader: { rootProperty: ‘children’, totalProperty: ‘total’ } extjs6.6.0 怎么获取totalProperty的总数量

可以使用Ext.data.Store的getTotalCount()方法来获取totalProperty的总数量。该方法返回一个数字，表示store中所有记录的总数。例如： ``` var store = Ext.create('Ext.data.Store', { fields: ['name', 'age'], ...

EXTJs 给下拉框赋值

可以使用 `Ext.data.Store` 和 `Ext.form.field.ComboBox` 来创建一个下拉框，并给其赋值。示例代码如下： ```javascript // 创建一个 store，用来存储下拉框的选项 var store = Ext.create('Ext.data.Store', { ...

TreePicker用法

其中，`store` 是一个 Ext.data.TreeStore 实例，用于存储树形结构数据。 3. 将 TreePicker 添加到容器中 ```javascript Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), items: [treePicker] }); ```...

extjs表格添加行的代码

var store = Ext.create('Ext.data.Store', { fields: ['name', 'age', 'gender'], // 定义列字段 // 初始化数据 data: [ {name: '张三', age: 25, gender: '男'}, {name: '李四', age: 30, gender: '女'}, ...

通过url加载listview的值加载后如何修改

var store = Ext.create('Ext.data.Store', { autoLoad: true, proxy: { type: 'ajax', url: 'your_url', reader: { type: 'json', rootProperty: 'data' } } }); ``` 其中，`url` 是您要加载数据的 ...

Extjs 设置数字单元格中数字颜色

extend: 'Ext.data.Store', fields: ['value'], data: [ { value: 10 }, { value: 20 }, { value: 30 }, { value: 40 }, { value: 50 } ] }); ``` 2. 在Grid中使用该Store，并为数字单元格的列添加...

Ext combobox 下拉多选框带搜索功能

ExtJS的combobox组件本身并不支持多选和搜索功能，但是可以通过扩展来实现这些功能。...实际应用中，可以使用Ext.data.Store来加载数据，并设置queryMode为'remote'，通过AJAX请求服务器端进行搜索。

extjs7的grid如何实时过滤

在 ExtJS 7 中，可以使用 `Ext.grid.Grid` 的 `store` 的 `filter` 方法来实现实时过滤。具体实现步骤如下： 1. 在 `store` 中定义筛选器，例如： ```javascript const store = Ext.create('Ext.data.Store', { ...

extjs4 多层表头

其中，store 是数据源，可以使用 Ext.data.Store 类创建。在这个示例中，表头容器使用了 Ext.grid.header.Container 类，并且设置了 xtype 为 'headercontainer'，表头列使用了 Ext.grid.column.Column 类，并且设置...

笑羽酣天

粉丝: 52
资源: 129

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

Ext.data.Store的基本用法

评论1

会员权益专享

最新资源

Ext.data.Store的基本用法

评论1

Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

Ext.Store的获取方法

Extjs 继承Ext.data.Store不起作用原因分析及解决

Ext.create Ext.data.Store 创建一个Ajax请求的store

ExtJs : Ext.data.store 中each的使用技巧

有完整的Ext.form.ComboBox调用store.filterBy例子吗

extjs导入如何去掉进度条

ext.js 生成折线图

HOMER grid

extjs6的数据源store怎样去传参数

reader: { rootProperty: ‘children’, totalProperty: ‘total’ } extjs6.6.0 怎么获取totalProperty的总数量

EXTJs 给下拉框赋值

TreePicker用法

extjs表格添加行的代码

通过url加载listview的值 加载后如何修改

Extjs 设置数字单元格中数字颜色

Ext combobox 下拉多选框带搜索功能

extjs7的grid如何实时过滤

extjs4 多层表头

会员权益专享

最新资源

通过url加载listview的值加载后如何修改