store 中each()方法的使用应在load完使用,确切的说应该在on('load')事件中使用,
不懂就看一下下面的例子吧!。。。
//获得store,这里假如store里有3条记录。
var i = 0;
var ds = grid.getStore();
\\
//以下是正确与不正确的例子
1)错误例子
ds.each(function(rec)
{ i++; }
);
result : i = 0;//表明each没有执行或此方法在数据加载前执行(后者的可能行更大)
2)正确例子
ds.on('load',function(store,records){
store.each(function(rec)
{ i++; }
);
});
result: i = 3;
下面看一下如何使grid中的checkBox为选中状态
var sm = grid.getSelectionModel();//get the seletion model
ds.on('load',function(store,records){
store.each(function(rec) {
//判断条件
if(....)
{ sm.selectRecords([rec]); }
);
});
分享到:
相关推荐
- `Ext.data.Store.load(params, callback, scope)`: 加载数据。 - `Ext.data.Store.add(record)`: 添加数据记录。 - `Ext.data.Store.remove(record)`: 移除数据记录。 #### 36. Ext.data.GroupingStore 类 (P....
- **参数传递**: 可以通过事件对象传递额外的参数,以便在事件处理函数中使用。 #### 16. **类设计** - **对象创建**: 使用构造函数创建对象实例。 - **构造器函数**: 定义类的构造器函数,初始化对象的属性和方法...
这一系列章节详细介绍了如何使用Ext.data.Connection、Ext.data.Ajax进行异步数据请求,如何使用Ext.data.Record、Ext.data.DataProxy、Ext.data.DataReader和Ext.data.Store来管理和操作数据。 七、Ext.widgets...
我们还需要在 render 事件中使用 Ext.Ajax.request 方法来请求后台的工具栏数据,并将其添加到 Toolbar 中。 ```javascript Ext.define('Ext.zc.grid.Toolbar', { extend: 'Ext.toolbar.Toolbar', alias: 'widget...
item.loader = new Ext.data.TreeLoader({ url: 'your-data-url', // 数据URL autoLoad: true // 自动加载数据 }); item.loader.load(item.store.getRootNode()); } } ``` 上述代码中的`this.tabPanel....
var store = new Ext.data.JsonStore({ url: 'data.json', root: 'rows', fields: ['id', 'name', 'age'] }); // 定义列模型 var colModel = new Ext.grid.ColumnModel([ {header: "Name", dataIndex: 'name', ...
在本项目中,我们将探讨如何使用ExtJS来模仿Excel的表格效果,这涉及到表格的动态渲染、数据编辑、排序、过滤以及公式计算等多个方面。 首先,实现Excel的表格效果,我们需要创建一个基于ExtJS的GridPanel。...
2. **Array 类**:EXTJS扩展了JavaScript的数组对象,添加了一些实用的方法,如Ext.Array.each()用于遍历数组,Ext.Array.indexOf()查找元素的索引。 3. **Number 类**:增强了JavaScript的数字处理,提供了如Ext....
在EXTJS4中,Store是数据管理的核心组件,它负责管理数据集,包括加载、更新和缓存数据。本文将详细讲解如何处理Store的加载、回调以及如何在两个Store之间添加符合条件的记录。 1. **加载与回调问题** EXTJS4的...
在本文中,我们将深入探讨如何使用ExtJS框架根据数据库返回的JSON数据动态生成Grid列表实例。ExtJS是一款强大的JavaScript库,常...通过实践这个实例,开发者可以更好地掌握ExtJS在数据驱动的应用场景下的使用技巧。
在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,其中包括Grid(表格)控件,用于展示和操作数据。在本篇文章中,我们将深入探讨如何在ExtJS4中实现前台...
在ExtJS Grid组件的使用过程中,有时候我们需要实现行跨页选中的功能。此功能主要是为了解决当用户在一个分页的Grid中选择某一行后,在翻页时依然保持该行被选中的状态。本文将通过解析提供的代码片段以及结合ExtJS...
EXTJS4是一款强大的JavaScript框架,主要用于构建富客户端的Web应用程序。在EXTJS4中,实现导出数据到Excel的功能是一项常见的需求,这可以帮助...通过深入理解这个示例,你将能更好地掌握EXTJS4中导出Excel的技巧。
根据提供的文件信息,我们可以深入探讨如何在ExtJS4框架中使用MVC2模式下的TreePanel组件结合动态JSON数据实现树形结构的展示与交互。以下将详细解释代码中涉及的关键概念和技术要点: ### 1. 创建TreeStore实例 ...
var imageStore = Ext.create('Ext.data.Store', { model: 'ImageModel', proxy: { type: 'ajax', url: 'your_images_data_endpoint.json', // 从服务器获取图片数据 reader: { type: 'json', rootProperty: ...
var provinceStore = Ext.create('Ext.data.Store', { fields: ['id', 'name'], data : [ { id: '1', name: '北京' }, { id: '2', name: '上海' }, // ... 其他省份数据 ] }); var provinceCombo = Ext....