ext.data.store
时间: 2024-05-19 13:11:39 浏览: 12
`Ext.data.Store` 是 Ext JS 框架中的一个核心类,用于管理数据集合。它提供了许多方法和事件来处理数据的加载、排序、过滤、保存等操作。
`Ext.data.Store` 通常与数据模型(`Ext.data.Model`)和数据代理(`Ext.data.proxy.Proxy`)一起使用,数据模型定义数据结构,数据代理负责与数据源交互,而数据存储则是管理数据集合的中心。
通过 `Ext.data.Store`,我们可以方便地对数据进行增删改查操作,同时还可以使用数据绑定机制将数据与 UI 组件绑定在一起,实现数据驱动视图的效果。
相关问题
Ext.data.Store 样例
以下是一个简单的 Ext.data.Store 样例:
```javascript
Ext.create('Ext.data.Store', {
fields: ['name', 'age', 'gender'],
data: [
{ name: 'John', age: 30, gender: 'Male' },
{ name: 'Jane', age: 25, gender: 'Female' },
{ name: 'Bob', age: 40, gender: 'Male' }
]
});
```
这个样例创建了一个 store,该 store 包含三个字段:name、age 和 gender,以及三行数据。可以通过 `fields` 属性设置字段,通过 `data` 属性设置数据。此外,还可以通过 `proxy` 属性指定 store 的数据源,例如:
```javascript
Ext.create('Ext.data.Store', {
fields: ['name', 'age', 'gender'],
proxy: {
type: 'ajax',
url: 'data.json',
reader: {
type: 'json',
rootProperty: 'data'
}
},
autoLoad: true
});
```
这个样例从一个 JSON 文件中加载数据,其中 `url` 属性指定数据源的 URL,`reader` 属性指定数据的解析方式。通过 `autoLoad` 属性设置 store 在创建后自动加载数据。
ext.data.store reader
在 ExtJS 中,`reader` 是 `store` 的一个属性,用于解析后台返回的数据并填充到 `store` 的数据模型中。`reader` 通常与 `model` 配合使用,可以根据后台返回的数据结构动态生成数据模型,并将数据填充到数据模型中。
`reader` 可以配置以下几个属性:
1. `type`:指定数据解析的类型,可以是 `json`、`xml`、`html`、`array` 等。
2. `rootProperty`:指定后台返回数据的根节点名称。
3. `record`:指定数据模型的名称,如果不指定,则根据返回数据自动生成。
4. `fields`:指定数据模型的字段,如果不指定,则根据返回数据自动生成。
5. `totalProperty`:指定后台返回数据的总记录数字段名。
6. `successProperty`:指定后台返回数据的成功标识字段名。
7. `messageProperty`:指定后台返回数据的消息字段名。
8. `implicitIncludes`:指定是否自动解析嵌套数据。
使用 `reader` 可以方便地处理后台返回的数据,并将数据填充到 `store` 的数据模型中。例如,以下代码演示了如何使用 `reader` 解析后台返回的 JSON 数据,并填充到 `store` 中:
```
Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url: '/users',
reader: {
type: 'json',
rootProperty: 'data'
}
},
autoLoad: true
});
```
上面的代码中,`User` 是一个数据模型,`/users` 是后台返回的 JSON 数据接口,`rootProperty` 指定了返回数据的根节点。当 `store` 加载数据时,`reader` 会解析后台返回的 JSON 数据,并将数据填充到 `User` 数据模型中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)