`
lw671579557
  • 浏览: 106068 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

ExtJs Store的使用

阅读更多
var store = new Ext.data.Store({
				proxy: new Ext.data.HttpProxy({url:'users.xml'}),
				reader: new Ext.data.XmlReader(
					{
						totalRecords:'TotalRecord',
						record:'User'
					},
					[
						{name:'Id'},
						{name:'Name'},
						{name:'Sex'}
					]
				),
				remoteSort: false
			});
			store.load({
				callback:function(r,o,s){
					for(var i = 0; i<r.length; i++ )
					{
						//alert(r[i].get("Name"));
					}
				}
			});
			var comBo = new Ext.form.ComboBox(
			 {
				allowBlank: false,
				valueField: "Id",
			    displayField: "Name",
			    width: 200,
			    maxHeight:250,
				typeAhead: true,
				triggerAction: 'all',
				emptyText: '===请选择===', 
				loadingText: '正在加载数据、请稍等......',
			    selectOnFocus: true,
			    forceSelection: true,
				editable: true,
				disabled: false,
			    store: store,
				mode: 'local',
				renderTo: 'form-cb',
				listeners:{select: getValue/*,blur: changeTagCatId*/}
			});	
			function  getValue(){
				alert(comBo.getValue());
			}

 

分享到:
评论
2 楼 freedom2k 2010-02-01  
这东西看官网实例就行了,还以为有什么特别的东西呢
1 楼 linux1689 2010-02-01  
关于Store和Direct的使用,请大家围观最近的畅销书《Ext JS高级程序设计》

相关推荐

    ExtJs中Store加载(load)时候提示信息

    在ExtJS中,`Store`对象负责从服务器获取数据并存储到客户端,供应用程序使用。为了在加载数据时给用户提供反馈,可以利用`beforeload`事件和`Ext.MessageBox.show`方法来实现加载提示。 #### 1. 使用`beforeload`...

    storebar extjs通过store实现toolbar

    3. 绑定`Store`到`Toolbar`:使用`bind`或`mon`方法监听`Store`的数据变更事件,当`Store`加载或更新数据时,动态生成并添加相应的组件到`Toolbar`的容器中。 ```javascript myStore.mon(myStore, 'load', function...

    extjs动态生成model、store、panel

    extjs动态生成model、store、panel;sql拼接等多种技术难点

    extjs4 对各类型store各种数据的读取 model 前台 等等

    - 使用不同的Store类型来管理不同类型的数据源; - 通过多种方式将数据绑定到界面上; - 定义详细的Model结构,包括字段类型和验证规则; - 正确实例化Model对象并利用其进行数据操作。 以上就是基于给定文件信息对...

    ExtJS Store的数据访问与更新问题

    在ExtJS中,Store是一个非常重要的组件,它用于管理和存储数据。Store通常与DataModel(在例子中是PersonRecord)配合使用,以结构化的方式管理应用程序的数据。在处理数据访问和更新时,以下是一些关键知识点: 1....

    EXTJS4自学手册

    EXTJS4自学手册——EXT数据结构组件(store) 三、Extjs布局 EXTJS4自学手册——EXT容器布局(Auto,Anchor,Absolute,Hbox) EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column) EXTJS4自学手册——EXT...

    Extjs4 grid使用例子

    在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一个灵活的、可定制的数据展示网格,通常用于显示和操作大量数据。 1. **...

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    extjsDemo(store grid form mvc模式等一些demo)

    Grid是ExtJS中最常用的组件之一,用于显示二维数据,通常与Store配合使用。在"extDemo"中,你可以学习到如何创建一个基本的Grid面板,设置列(columns),绑定Store,实现分页、排序和过滤功能。Grid还支持自定义行...

    ExtJS框架下Store类的使用

    这是一个自己根据项目经验编写的文档,我希望使用者能够从文档中获取有关ExtJS的使用技术!

    Extjs4下的STOREMENU

    在ExtJS 4中,STOREMENU 是一种特定的功能,它将数据存储(Store)与菜单(Menu)相结合,提供了一种动态创建菜单项的方法,这些菜单项可以根据存储的数据进行更新。这种功能在需要根据用户权限或实时数据动态展示...

    extjs 分页

    EXTJS分页通常与数据访问对象(DAO)和动作控制器(Action)结合使用,形成一个完整的数据获取和展示流程。下面将详细阐述EXTJS分页的核心概念、实现方法以及DAO和Action在其中的作用。 一、EXTJS分页核心概念 1. ...

    ExtJS grid过滤操作

    本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对本地store进行筛选。 1. **Grid过滤基础** - **Filter Model**:ExtJS Grid中的过滤功能基于Filter Model。每个列都可以有自己的过滤器,用户可以根据需要...

    Extjs+Gride使用方法

    在本篇文章中,我们将深入探讨如何使用ExtJS与Gride进行交互,创建功能丰富的数据网格。 首先,理解ExtJS Grid的基本结构至关重要。Grid由以下几个主要部分组成: 1. **Store**: 存储数据的容器,可以是本地数据...

    Highcharts与ExtJs结合使用

    3. **使用ExtJS的Chart组件**: ExtJS提供了一个Chart组件,它是Highcharts的封装,可以直接在ExtJS的应用中使用Highcharts图表。将之前创建的Highcharts配置对象传递给Chart组件。 4. **数据绑定**: 当Store接收到...

    extjs2----关于extjs 的使用,操作

    4. **数据绑定**:阐述ExtJS的数据模型(Store)和数据显示组件(Grid、Tree)之间的数据绑定机制,包括XML、JSON数据源的加载。 5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、...

    aspnet extjs 使用范例

    在EXTJS中,开发者可以利用Store来管理数据,Model定义数据结构,View展示数据,Controller处理用户事件和数据交互。而在ASP.NET中,可以使用Entity Framework等ORM工具进行数据访问,或者直接编写SQL语句操作数据库...

    extjs grid数据导出excel文件

    EXTJS是一个强大的JavaScript框架,主要用于构建富客户端应用。...这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。对于EXTJS开发者而言,掌握这一功能有助于提升应用的实用性和用户体验。

    Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)

    代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...

Global site tag (gtag.js) - Google Analytics