Ajax的异步请求有时候会带来一些问题,如在Ext做的页面中,需要加载一个JsonStore数据集,在紧跟着的代码中可能就会对数据集进行访问的操作,由于异步请求很可能导致数据未加载完就开始访问,结果可能会不是想要的结果。这里load方法中提供了一个callback回调函数,可以解决延迟加载的问题,我们需要处理的一部分代码可以放在callback函数中处理,这样就解决了异步请求带来的问题。如:
var collectIndex_ds = new Ext.data.JsonStore({
url: '',
root: 'collectIndexs',
id: 'id',
fields:[
{name:'id'},
{name:'userViewId'},
{name:'timeType'},
{name:'measureUnitId'}
]
});
其回调函数使用为
//使用回调方法,可以解决延迟加载的问题;这里使用回调时为了把userViewId项为空的加上默认值1
collectIndex_ds.load({
callback :function(r,options,success){
if(success){
for(var i=0;i<r.length;i++){
var record = r[i];
var v = record.data.userViewId;
if(v==null || v==""){
record.set("userViewId",1);
}
}
}
}
});
Ext官网关于callback的解释
引用
callback : Function
A function to be called after the Records have been loaded. The callback is called after the load event and is passed the following arguments:
* r : Ext.data.Record[]
* options: Options object from the load call
* success: Boolean success indicator
自动充值软件
www.yisai5151.com
分享到:
相关推荐
总结来说,在Ext.js中,获取`Ext.Store`应使用`Ext.getStore`方法,而不是`Ext.getCmp`,因为Store是通过`storeId`在内存中注册和管理的,而不是作为页面上的一个可视组件。同时,Store的设计方式有助于数据的安全性...
综上所述,通过使用ExtDesigner和JsonStore,开发者可以方便地在GridPanel中展示和管理JSON数据,从而创建出动态、交互性强的用户界面。这个过程涉及到数据模型的定义、数据加载和UI组件的配置等多个环节,是Web应用...
扩展Ext中的组件 扩展与插件之间的区别 扩展Ext的新手教程 Ext的类继承 从源码生成Ext 基础用法: DomQuery基础 Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext中的继承 Ext...
在ExtJs框架中,JsonStore是一种非常重要的数据存储器,它专门用来处理和展示JSON格式的数据。本资料主要讲解如何使用JsonStore来加载并显示数据,以创建一个简单的个人信息表格。 首先,为了使用ExtJs框架,我们...
在 `success` 回调中,我们处理返回的 JSON 数据,并使用它来重新配置 `GridPanel`。 3. **解析 JSON 数据** `rs.responseText` 是从服务器返回的 JSON 字符串,我们使用 `Ext.util.JSON.decode` 将其转换为 ...
在描述中的`var ds = Ext.data.JsonStore({url: 'xxx.jsp',root: 'root',fields: ['id','name','descn']});`中,创建了一个JsonStore实例,ds,用于从'xxx.jsp'获取JSON格式的数据。JsonStore是Store的一种特殊类型...
在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的问题:即通过Ajax发送带有中文字符的数据时,后端接收到的数据出现乱码现象。...
这意味着即使应用程序关闭,存储在JSONStore中的数据也可以通过某种形式保存下来,通常通过将数据序列化到磁盘文件来实现。当程序再次启动时,可以自动加载这些数据,恢复到上次运行时的状态。这种功能对于需要保持...
文件中的代码片段展示了如何通过回调函数处理Store读取的结果。以下是对该示例的详细解释: ```javascript function callBack(result) { var count = result.resultSet.total; // 获取总记录数 var user = result...
在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接...
- 在Ext TreeGrid中实现分页功能通常需要使用到两个Store:一个是用于处理树形数据的`TreeStore`,另一个则是用于处理分页逻辑的普通`JsonStore`。 3. **自定义序号**: - 为了确保在分页的情况下,每一页的序号...
多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...
EXT Grid控件是EXT JS库中的一个核心组件,它用于创建功能丰富的数据网格,能够高效地展示和操作大量数据。EXT Grid广泛应用于J2EE框架中,为Web应用提供了强大的数据展示和交互能力。在本实例中,我们将探讨四种...
在Ext框架中,为了更好地处理数据和用户界面的交互,引入了一系列强大的类来简化开发过程。 ##### 1.1 Ext.data `Ext.data`是Ext框架的核心模块之一,它主要负责封装与数据相关的各种操作。该模块下包括了多个子类...
- 当我们在表单中使用Combobox时,通常希望提交的是valueField(如ID)而非displayField(如名称)。 - 为了保持用户友好的交互,我们应确保后台能理解这些值。比如,性别表有TypeId字段(即valueField),对应的...
在Ext JS中,柱状图可以通过`Ext.chart.Chart`类创建,该类提供了丰富的定制选项,包括颜色、标签、轴和数据源等。 1. **创建图表容器**: 在HTML页面中,我们需要一个div元素作为图表的容器。例如: ```html ...
在成功回调函数中,可以处理返回的数据,如创建新的`JsonStore`实例,或者直接更新现有存储。 8. **自定义列格式**:如果需要自定义列的显示方式,可以定义`renderer`函数,它会在数据渲染到网格之前被调用,允许对...
在"EXT-GRID+JSON简单应用"中,我们将探讨如何使用EXT-JS的Grid组件与JSON数据源进行集成,以创建一个动态的数据表格。 EXT-JS的Grid组件允许开发者通过定义列模型、存储器和视图来展示数据。在JSON方面,它是一种...
通过对Ext控件的深入了解,我们不仅掌握了创建基本控件的方法,还学会了如何使用更高级的功能来增强用户体验。Ext JS 的强大之处在于它能够帮助开发者快速构建复杂的Web应用程序,而无需从头编写大量代码。希望本文...
在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext.NET中,动态创建GridPanel意味着在运行时根据需要生成组件。这通常涉及到在...