Extjs中Store和Record的数据获取【精】
首先需要了解一点:
除了Records对象获取Record时,需要用get()方法——因为Records不是一个数组!
其他地方均采用Js的方式,即,属性用obj.id或obj[id]方式
例子:
scoreStore.on("load",function(){ var records = scoreStore.data; for (var i = 0; i < records.length; i++) { 正确! var record = records.get(i);/**只能通过records.get(i)方式获取对应下标的record————因为records并不是数组!!!*/ 错误! var record2 = records[i];//该方式无法获取对应的Record记录,因为中间隔着一个items数组,而records本身不是一个数组 错误! record.xmid = scoreXmid;//这种方式只是给record增加一个xmid属性,并给该属性赋值,并不是我们想要的data里的xmid!!! if (record.get("xmid") == "") { 正确! record.data.xmid = scoreXmid//**这是给fields对应字段赋值的正确方式*/ } if (record.get("id") == "") { 正确! record.data.id = -1;/**这是给fields对应字段赋值的正确方式*/ } //record.get("xmid") = scoreXmid;//record.get("xmid")拿的不是字段名,而是字段值,是把fields中xmid字段的值给拿到了,即:""=4,肯定报错! var data = record.get("xmid");/**此时会发现:data = 4,说明get()获取到的是个属性值!!!*/ } });
1.获取Records:
Score如下:
Records如下:(注意有个items数组的属性,该属性下的data才是我们想要的Record !)
2.获取Record:(注意:得用get方法,这是Extjs的api,因为Records本身不是一个数组!!!)
——正确!
——错误!
——record2获取错误,undifined!
Record如下:(注意其下的xmid属性,和其下的data属性中的xmid属性的区别!!!)
——这是给record中的xmid属性赋值。
——这是给data中的属性赋值,才是我们想要的!!!
3.获取Data:(注:取值时两种方式皆可,取属性名准备赋值,只能用第二种!!!)
——最终获取值。
4.赋值:(注意赋值与取值的区别,get的区别!)
相关推荐
在EXTJS这个强大的JavaScript框架中,`Store`和`Toolbar`是两个核心组件,它们分别用于数据管理和用户界面的交互。本篇文章将深入探讨如何利用`Store`来实现`Toolbar`的功能,即所谓的`Storebar`,这在EXTJS开发中是...
在本篇ExtJs学习资料中,我们探讨了如何从服务器获取JSON数据并进行分页处理。这是一项在Web应用程序中非常常见的任务,特别是在构建数据密集型界面时。下面我们将详细阐述实现这一功能的关键步骤和涉及的技术点。 ...
在这个例子中,我们使用了HTTP Proxy和JsonReader来从服务器获取数据。 ```javascript var storeFatList = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'auditUsr.action' }), reader: new ...
总的来说,ExtJS Store提供了全面的数据管理功能,包括添加、删除、更新和组织数据,以及变更跟踪和数据同步,是构建数据驱动的Web应用程序的关键组件。正确理解和利用这些功能,可以帮助开发者构建高效、灵活的应用...
ExtJS 是一个强大的JavaScript 框架,主要用于构建富客户端应用程序。它的数据绑定功能是其核心...通过理解并熟练运用模型、存储、数据绑定和数据修改的机制,开发者可以轻松地构建出与后台数据紧密集成的前端界面。
除了基本的渲染和数据获取外,ExtJs还提供了丰富的配置选项来定制表格的行为和外观。 - `autoHeight`: 自动调整高度以适应内容。 - `autoWidth`: 自动调整宽度以适应内容。 - `autoShow`: 是否自动显示组件。 - `...
在本篇文章中,我们将深入探讨 ExtJS 4 中 `record mapping` 参数的相关概念与使用方法。这是一项重要的功能,能够帮助开发者更好地管理数据模型与数据交互。通过理解这些概念,可以更加高效地开发出功能丰富的应用...
首先,我们需要理解ExtJs的数据模型(Model)和数据存储(Store)。在ExtJs中,数据模型定义了数据结构,而数据存储则负责管理和操作数据集合。当我们处理数据时,通常会与这两个核心组件打交道。 ### 数据删除 在...
在创建过滤函数时,首先会根据提供的参数和数据创建一个值匹配器。这个值匹配器是一个正则表达式,用于检查记录的数据是否符合指定的值。然后,过滤函数将使用这个值匹配器来测试记录的数据是否符合指定的属性值。 ...
总结一下,EXTJS中的下拉框(ComboBox)是通过`Ext.form.field.ComboBox`实现的,可以通过设置`store`、`displayField`和`valueField`来定义选项和获取选定值。使用`getValue()`方法可以获取选定的值,而`select`...
在Store中,我们设置了数据的来源(Proxy)和数据读取方式(Reader)。这样,Store就可以从服务器获取数据,并将其展示在GridPanel中。 接下来是GridPanel的列模型配置(ColumnModel)。列模型定义了每一列的显示...
ExtJS TreeGrid是一种结合了表格和树形结构的组件,常用于展示层次化的数据,它在ExtJS库中提供了一种高效且灵活的方式来展现多级数据。在这个“Extjs treeGrid 本地数据 例子”中,我们将探讨如何使用ExtJS创建一个...
在ExtJS中,Tree和Tab是两种常用的组件,分别用于展示层次结构的数据(如目录结构)和创建多页面布局。本篇文章将详细探讨如何利用JSON数据来实现这两者的交互。 首先,让我们了解一下`Tree`组件。在ExtJS中,Tree...
1. **数据查询分页**:在ExtJS中,实现数据查询和分页通常通过Store(数据存储)和Grid(表格组件)来完成。Store负责从服务器获取数据,可以配置分页参数,如每页记录数。Grid则显示数据并支持分页控件,用户可以...
可以看到,ExtJS4 需要动态类定义,这样可以访问父类和定义 store 模型。 此外,ExtJS4 也改变了 Record 的定义。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个 Record: ```javascript var PostStatus = ...
其中,Grid Panel是EXTJS中最常用的组件之一,用于展示和编辑数据。本文将详细介绍EXTJS实现单元格变色、行变色的方法。 单元格变色 在EXTJS中,单元格变色可以通过renderer函数来实现。renderer函数是Grid Panel...
### Extjs 学习笔记之九:数据模型(上) #### 概述 本文将深入探讨Extjs框架中至关重要的组成...接下来的文章中,我们将继续深入探讨数据解析器(DataReader)和数据集(Store),以及它们在实际项目中的应用技巧。
在创建Store实例时,必须指定数据模型和数据集,而`groupField`属性则根据这个数据模型中的字段名称来指定。 ```javascript var PersonStore = Ext.create('Ext.data.Store', { storeId: 'PersonStore', model: '...