`
kanpiaoxue
  • 浏览: 1777686 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ext Grid store 加载完数据之后的动作

 
阅读更多

有的时候我们需要明确的知道Ext中Grid的store加载完数据的那一刻。需要在加载完的这一刻来触发一些动作。

Ext提供了该动作的回调方法。

下面的这段描述摘自Ext3.1的文档描述:

load( Object options ) : Boolean 
采用配置好的Reader格式去加载Record缓存,具体请求的任务由配... 
采用配置好的Reader格式去加载Record缓存,具体请求的任务由配置好的Proxy对象完成。Loads the Record cache from the configured Proxy using the configured Reader. 
如果使用服务器分页,那么必须指定在options.params中start和limit两个参数。start参数表明了从记录集(dataset)的哪一个位置开始读取,limit是读取多少笔的记录。Proxy负责送出参数。If using remote paging, then the first load call must specify the start and limit properties in the options.params property to establish the initial position within the dataset, and the number of Records to cache on each read from the Proxy.

由于采用了异步加载,因此该方法执行完毕后,数据不是按照load()方法下一个语句的顺序可以获取得到的。应该登记一个回调函数,或者“load”的事件,登记一个处理函数。It is important to note that for remote data sources, loading is asynchronous, and this call will return before the new data has been loaded. Perform any post-processing in a callback function, or in a "load" event handler.

	参数项: 
		options : Object 
			传入以下属性的对象,传入的对象会影响加载的选项:An object containing properties which control loading options: 
			params :Object 
			送出的HTTP参数,格式是JS对象。An object containing properties to pass as HTTP parameters to a remote data source.
			
			callback : Function 
			回调函数,这个函数会有以下的参数传入:A function to be called after the Records have been loaded. The callback is passed the following arguments: 
			
			r : Ext.data.Record[] 
			options: 加载的配置项对象。Options object from the load call 
			success: 是否成功。Boolean success indicator
			
			scope : Object 
			回调函数的作用域(默认为Store对象)。Scope with which to call the callback (defaults to the Store object)
			
			add : Boolean 
			表示到底是追加数据,还是替换数据。Indicator to append loaded records rather than replace the current cache.
	
	返回值: 
		Boolean 
		是否执行了load(受beforeload的影响,参见源码)。Whether the load fired (if beforeload failed). 

 这里可以看见,在store的load()方法里面,提供了一个 callback 的回调函数。

下面是个例子:

	var store = new Ext.data.JsonStore({
		root : 'root',
		totalProperty : 'totalProperty',
		fields : fields,
		proxy : new Ext.data.HttpProxy({
			url : basePath + 'web/dataQuery/getSQLGridDatas'
		})
	});
store.baseParams.start = 0;
store.baseParams.limit = pageSize;
store.load({
		callback : function(record, options, success) {
		
		}
});

 

分享到:
评论

相关推荐

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    ext grid数据绑定

    EXT Grid通常使用Store对象来处理数据模型,Store可以连接到各种数据源,如JSON、XML或者远程API,通过Ajax请求加载数据。 1. 数据绑定(Data Binding): 数据绑定是EXT Grid的核心特性之一,它允许Grid与数据源...

    Ext Grid 导出Excel

    这些数据通常通过Ajax请求加载,然后由Grid的Store进行管理。Store可以与各种数据源(如JSON、XML)配合,提供数据绑定到Grid的行。 要实现Excel导出,我们需要关注以下几个关键步骤: 1. **数据收集**:首先,你...

    ext grid 显示数据

    2. **数据源(Store)**: Store是EXT JS中管理数据的组件,它负责加载、存储和操作数据。Grid与Store绑定,以便显示和更新数据。通常,Store会连接到一个服务器端的数据接口,如JSON或XML。 3. **列模型(Column ...

    ext grid 导出 excel

    EXT Grid的数据源通常是Store对象,我们可以遍历Store中的所有记录,将其转换为适合XLSX.js处理的格式。 3. **自定义导出按钮**:EXT Grid通常有一个工具栏,我们可以在其中添加一个自定义的按钮,当用户点击该按钮...

    Ext grid 简单实例

    5. **加载数据**: 在页面加载时,Store会自动发送请求到Web服务,获取数据并填充Grid。 6. **渲染Grid**: 将Grid Panel添加到应用程序的布局中,使其可见。 在`test1`文件中,可能包含了实现上述步骤的JavaScript...

    ext grid 合并行

    在EXT JS框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能和灵活性。在某些场景下,用户可能需要合并行或列以更好地组织和呈现数据,例如在显示汇总信息或者创建复杂的报告时。"ext grid ...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    EXT grid导出EXCEL

    首先,我们需要确保EXT Grid的数据已经加载完成并且正确显示在界面上。 1. **创建Excel文件**:EXT Grid导出Excel通常通过创建一个Excel文件的XML格式(.xls或.xlsx)来实现。这可以通过使用第三方库如SheetJS(js-...

    ext grid网格控件实例

    2. **XML数据源**:当数据以XML格式存储时,EXT Grid可以通过`Ext.data.XmlStore`来解析并加载数据。XML Store需要指定`url`(数据源地址)和`record`(XML节点名),解析XML并映射到Grid的列。XML的节点属性将作为...

    JSP中使用EXT实现grid table

    1. 数据绑定:EXT Grid可以与服务器端的数据源进行双向绑定,这得益于EXT JS的数据模型和Store机制。通过配置Store,我们可以指定数据的URL、请求方式以及加载和更新数据的参数。 2. 分页:EXT Grid可以通过配置...

    EXT2.0 GRID 示例

    1. **数据绑定**:EXT GRID可以与各种数据源绑定,例如JSON或XML,通过Store组件实现。Store负责加载、缓存和管理数据,与GRID进行通信,更新视图。 2. **列配置**:GRID的列可以通过配置对象定制,包括列宽、标题...

    EXT-JS Grid 用法

    EXT-JS Grid的基本结构包含行、列和单元格,可以绑定到数据源,如JSON或XML文件,也可以通过Store组件动态加载数据。在EXT Designer中,设计Grid的过程通常包括以下几个步骤: 1. 创建新项目:首先,打开EXT ...

    Ext的gridpanel控件二次加载问题

    然后在需要重新加载数据时,而不是重新创建整个GridPanel,我们只需要调用`myGrid.reconfigure()`或`myGrid.store.loadData()`方法,这样就能更新GridPanel的数据而不会丢失原有的配置和状态。 以下是一个简单的...

    extgrid导出excel

    "extgrid导出excel"这个主题是关于如何将ExtJS中的数据网格(Ext Grid)的数据导出到Excel文件中,方便用户进行数据管理和分析。 首先,让我们深入了解一下Ext Grid。Ext Grid是一种用于展示和操作大量结构化数据的...

    解决Ext Grid中文排序问题

    这段代码可以在EXT JS库加载后,初始化EXT应用之前添加,确保覆盖原有的`applySort`函数。在HTML页面中,通常会将这段代码放在`<script>`标签内,并确保其位于`ext-all.js`和`ext-lang-zh_CN.js`之后,因为这两个...

    ext grid 导出excel 代码实例

    在EXT Grid中,导出数据到Excel是一种常见的需求,它允许用户方便地处理和分析大量数据。EXT Grid是一个强大的JavaScript组件,提供了丰富的功能,包括数据展示、排序、筛选和编辑等。导出到Excel功能则进一步增强了...

    Ext Grid导出Excel

    在页面加载时,它会初始化Ext Grid,并加载数据。同时,它可能还包含了导出按钮的定义,当用户点击这个按钮时,会触发`gridToExcel.js`中的导出逻辑。 最后,`exportexcel.jsp`可能是一个服务器端的处理程序,用于...

    Ext框架的Grid使用介绍

    9. **性能优化**:对于大数据量的Grid,EXT JS提供了虚拟滚动和延迟加载机制,减少内存占用并提高加载速度。 10. **API与事件**:EXT JS Grid的API丰富,允许开发者通过编程方式控制Grid的行为,同时提供大量事件,...

    ExtGrid使用

    3. **数据展示**:在ExtGrid中,数据通常通过Store组件进行管理。Store负责加载、存储和管理数据,可以与各种数据源(如JSON、XML、CSV等)交互。Grid会根据Store中的数据动态生成行。 4. **分页**:实现分页功能,...

Global site tag (gtag.js) - Google Analytics