`
Gould
  • 浏览: 10721 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

ExtJs中Store的几种加载方式

 
阅读更多
1、定义Stroe加载 通过extraParms传递参数
var zskstore = Ext.create('Ext.data.Store', {
				fields : [ 'path', 'qx'],
				autoLoad : true,
				id:'zskStore',
//				pageSize : 10,
				proxy : {
					type : 'ajax',
					url : 'xtgl/yg!ckzskqx.action',
					actionMethods : {
						create : 'POST',
						read : 'POST',
						update : 'POST'
					},
					extraParams:{
						userId:userId,//岗位名称,区别不同岗位
						
					},
					reader : {
						root : 'result',
						totalProperty : 'totalCount',
						type : 'json'
					}
				}
			});



2、在JS加载前加载

zskStore.on('beforeload',
								function(dataStore, options) {
									dataStore.proxy.extraParams = {
										userId:1
									};
								});

3、在Js中传递参数重新加载Store

zskstore.load({
					params:{userId:userId,
						xmlb:Ext.getCmp('ckzsk_xmlb').getValue()
					},
					method:'post'					
				});


分享到:
评论

相关推荐

    Extjs4树结构异步加载

    在ExtJS4中实现树结构的异步加载,主要涉及以下几个关键概念: 1. **TreeStore**: TreeStore是树结构的数据源,它负责管理与服务器之间的数据通信。对于异步加载,我们需要配置TreeStore,设置`autoLoad`为`false`...

    Extjs4.0+MVC模式+存动态加载

    在ExtJS 4.0中,动态加载可以应用于以下几个方面: 1. **动态加载面板(Panels)**:允许只在需要时加载面板内容,节省了初始页面加载的时间。例如,可以使用`Ext.container.Viewport`或`Ext.panel.Panel`的`...

    EXTJS 折线 chart action 代码示例

    在EXTJS中,折线图(line chart)是一种常见的图表类型,常用于展示趋势或时间序列数据。本篇文章将深入探讨EXTJS折线chart与action交互的代码示例,以及如何通过远程和本地加载数据。 首先,让我们了解EXTJS折线...

    ExtJS 学习的几个小例子

    在ExtJS中,我们可以使用Store来加载本地JSON数据,通过配置store的proxy属性来指定数据源。 例如,一个简单的JSON数据读取示例可能如下: ```javascript var store = Ext.create('Ext.data.Store', { fields: ['...

    extjs 树 搜索

    在EXTJS中,树形控件(Tree)是一种常见的数据展示方式,用于组织层次结构的数据。树形控件可以被广泛应用于文件系统、组织架构、菜单等场景。当我们需要在这些大量的层次数据中查找特定信息时,搜索功能就显得尤为...

    extjs网页控件开发

    在一级、二级、三级联动下拉框中,选择一个选项将影响下一个下拉框的显示内容,提供了一种层次清晰的导航方式。在ExtJS中,这通常通过组合框(ComboBox)组件和数据存储(Store)配合实现。每个级别的下拉框都有自己...

    ExtJs官网2.3.0开发包

    9. **主题与皮肤**:该版本可能包含了几种预定义的主题,允许开发者更改UI外观,满足不同设计需求。 10. **API文档**:虽然没有提供官方中文文档,但英文API文档详细介绍了每个类、方法和属性,是学习和使用ExtJS的...

    EXTJS开发总结.pdf

    EXTJS是一种专为Rich Internet Applications (RIA)设计的前端JavaScript框架,它的主要定位与Prototype、jQuery等轻量级库截然不同。EXTJS注重客户端的复杂应用开发,提供了丰富的组件和功能,使得开发者能够构建出...

    ExtjsApi中文说明

    在ExtJS API中,几个核心概念包括: 1. **Components(组件)**:ExtJS的核心是其组件系统,包括Grids(表格)、Forms(表单)、Panels(面板)、Trees(树形视图)等。每个组件都有自己的配置项和方法,可以进行...

    Extjs4 关于Store的一些操作(加载/回调/添加)

    在ExtJs4版本中,Store是用于管理数据集合的一个核心组件,它与后端的数据源进行通信,并将数据以一种统一的方式提供给ExtJs的组件使用。本文将详细介绍ExtJs4中Store的几个操作知识点,包括数据的加载、回调处理...

    轻松搞定Extjs

    - **行选择模型**: 介绍了几种不同的行选择模型及其应用场景。 - **Grid视图**: 讲解了如何配置Grid视图,包括排序、过滤等功能。 #### GridPanel分页 当表格中的数据量较大时,分页功能就显得尤为重要。 - **...

    Extjs2分页树 带查询功能

    在ExtJS中,"分页树"是一种结合了树形数据结构和分页功能的组件,它允许用户以层级方式浏览大量数据,并通过分页来管理这些数据,提高用户体验。在"Extjs2分页树 带查询功能"这个主题中,我们将深入探讨如何在ExtJS ...

    EXTJS2 API

    5. **数据代理(Data Proxy)**:EXTJS2的数据代理提供了一种与后台服务器通信的方式,包括Ajax代理、ScriptTagProxy、MemoryProxy等,用于异步加载和保存数据。 6. **事件处理(Events)**:EXTJS2组件之间通过...

    ExtJS介绍以及GridPanel

    ExtJS是一种基于JavaScript的开源富客户端框架,由Sencha公司开发和维护,主要用于构建桌面级的Web应用程序。它提供了一套完整的组件模型、数据绑定、布局管理、事件处理机制,使得开发者可以创建出功能强大、交互...

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    EXTJS多选下拉框

    在EXTJS中,多选下拉框(Lovcombo)是一种常见的组件,它结合了选择列表和输入框的功能,允许用户从预定义的选项中选择多个条目。这个lovcombo是lov(List-Value)和combo(组合框)的结合体,提供了丰富的交互性和...

    Extjs4 下拉树 TreeCombo

    ExtJS 4 下拉树(TreeCombo)是一种组合控件,它将传统的下拉框与树形结构结合在一起,提供了一种在有限空间内展示层级数据的高效方式。这种控件在很多场合都非常实用,例如在需要用户选择分类或者层级结构的场景中...

    EXTJS代码生成器

    1. **Store(存储)**:EXTJS中的数据存储,连接到模型并管理数据加载、刷新、添加、删除等操作,对应于数据库的CRUD操作。 2. **Grid(表格)**:显示和编辑数据的组件,通常与Store和Model结合使用,可以实现数据...

    Extjs 4.2.0 MVC 架构 官方文档例子中文

    在Extjs 4.2.0中,为了更好地组织和管理代码,采用了一种标准的文件结构。这种结构不仅有助于提高代码的可读性和可维护性,还能确保团队成员之间的协作更加顺畅。 ##### 1.1 目录结构概述 - **根目录**:通常包含...

Global site tag (gtag.js) - Google Analytics