`
wangs7345
  • 浏览: 11976 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Ext.data.Store 延迟查询数据

 
阅读更多

做项目时经常遇到网页加载过慢导致ExtJs无法查询数据,这时要用到延迟功能加以解决,

方法有两种,一种通过原始Js函数实现,一种用ExtJs封装函数实现,如下:

 

1、通过Js的setTimeout函数实现

 

setTimeout(function() {
				ds.load({
							params : {
								start : 0,
								limit : bbar.pageSize
							}
						});
			}, 800);

 

2、通过ExtJs defer函数实现

(function() {
		ds.load({
					params : {
						start : 0,
						limit : bbar.pageSize
					}
				});
	}).defer(800);

 

 永久链接: http://wangs7345.iteye.com/blog/2087921

分享到:
评论

相关推荐

    extjs帮助文档

    - **概述**:Ext.data.Store类用于存储和管理数据集。 - **常用方法**: - `new Ext.data.Store(storeConfig)`:创建一个新的数据存储实例。 - `Ext.data.Store.load(options)`:加载数据。 - `Ext.data.Store....

    EXT核心API详解.doc

    30. **Ext.data.Store类**:数据存储,管理数据集,与DataProxy和DataReader交互。 31. **Ext.data.GroupingStore类**:分组数据存储,支持数据的分组显示。 32. **Ext.data.SimpleStore类**:简单的数据存储,...

    extjs帮助文档pdf版

    - `Ext.data.Store.remove(record)`: 移除数据记录。 #### 36. Ext.data.GroupingStore 类 (P.32) - **概述**:支持数据分组的存储。 - **常用方法**: - `Ext.data.GroupingStore.group(field)`: 对数据进行分组...

    ExtJS ToolTip功能

    var store = Ext.create('Ext.data.ArrayStore',{ fields:['company','price','change'], data:[ ['3mCo',71.72,0.02], ... ] }); ``` 创建了一个数组类型的存储器(`ArrayStore`),用于存储公司的名称、...

    Ext JS 深入浅出 树形结构

    节点的数据通常是通过`Ext.data.TreeStore`来管理的,这是一个特殊的`Ext.data.Store`,专门用于处理树形数据。 **树形结构的配置与功能:** - **展开和折叠:** 可以通过`expanded`属性来控制节点的展开和折叠状态...

    根据输入的关键字过滤ext树节点

    2. **定义数据源**(store):树节点的数据通常存储在Ext.data.TreeStore中,每个节点代表一个记录,包含id、text、children等字段。可以使用Ext.data.Model定义模型,然后通过Ext.data.TreeStore加载数据。 ```...

    解析Xml构建Ext树形菜单

    3. **创建数据存储**(Store):利用`Ext.data.Store`来管理从XML中解析出的数据。将reader与store关联,以便store能正确解析XML数据: ```javascript var store = new Ext.data.Store({ reader: reader, proxy:...

    java ajax ext实例

    5. **EXT.data.Store**:EXT.js中的Store是用来管理数据集的组件,它可以连接到各种数据源,包括Ajax请求。Store负责加载数据、缓存数据以及与视图组件(如Grid)进行数据绑定。 6. **EXT.form.Panel**:EXT.form....

    Ext js Xtype

    - **Store Objects**: 用于数据存储和管理的组件,如`Ext.data.ArrayStore`,`Ext.data.DirectStore`等。 #### 实例化组件 通过Xtype,我们可以非常方便地实例化任何类型的组件。例如: ```javascript var ...

    extJs 2.1学习笔记

    7. **Ext.data.JsonReader篇**:JsonReader是用于解析JSON格式数据的数据读者,它将JSON响应转换为Store可以理解的格式。内容可能包括配置项、读取记录和字段映射的原理。 8. **Ext.data.HttpProxy篇**:HttpProxy...

    ext扩展 延时加载

    在Ext JS中,延时加载主要应用于数据存储(Ext.data.Store)和组件(如Grid、Tree等)。例如,当一个大型数据集被加载到Grid中时,不是一次性加载所有记录,而是分页加载,只有用户滚动到可视区域时,才会请求更多...

    extJs+2.1学习笔记.pdf

    这部分介绍了Ext.data模块的基础,包括DataModel、Reader和Writer,是理解数据绑定和数据管理的关键。 15. **extJs 2.0 学习笔记(Ext.Panel终结篇)** Panel是构建UI的基本组件,涵盖了布局、标题、工具栏等多种...

    ext4 表格分页实例代码

    EXT JS中的表格分页通常通过Grid Panel组件实现,该组件可以与数据存储(Store)配合,数据存储负责管理数据,包括加载、过滤、排序和分页。分页功能由Pager Toolbar组件提供,它是一个可自定义的工具栏,包含导航...

    ExtJs学习笔记,共30讲

    6. **Ext.data.Store篇**:Store是ExtJs中的数据管理器,负责存储和管理数据集,这里可能解释了如何配置Store、加载数据、监听数据变化等。 7. **Ext.data.JsonReader篇**:JsonReader用于解析JSON格式的数据,与...

    Ext3.0英文API.CHM

    - **Ext.data**:数据管理模块,包括数据存储、模型定义、数据交换等。 - **Ext.grid**:提供网格视图,支持数据分页、排序、过滤等功能。 - **Ext.form**:表单组件,支持多种输入控件及验证功能。 - **Ext....

    Ext3.0 动态数据 Chart 初探

    总结起来,Ext3.0的动态数据Chart特性是通过Store和Model的组合,实现了数据源与图表的实时同步。开发者可以根据需求定制各种图表类型,同时利用动画效果提升用户体验。理解并熟练掌握这一特性,对于提升Web应用的...

Global site tag (gtag.js) - Google Analytics