`

ext之读取本地数据ComboBox

    博客分类:
  • ext
阅读更多
1、数据来自 json 文件

 var record2=Ext.data.Record.create([
	 {name:'stateId',type:'string'},	 
	 {name:'stateName',type:'string'}
	 ])
	 var render2=new Ext.data.JsonReader({root:'carType'},record2);
	 var store2 = new Ext.data.Store({
		 url:'emergencyCarType.json',
		 reader:render2
	 });
	 store2.load();
	  var carType=new Ext.form.ComboBox({
		  	 id:'sort_',
 			 width : 100,
 			 fieldLabel : '类别',
			 triggerAction:"all",//是否开启自动查询功能
			 store:store2,//定义数据源
			 displayField:"stateName",//关联某一个逻辑列名作为显示值
			 valueField:"stateId",//关联某一个逻辑列名作为实际值
			 mode:"local",//如果数据来自本地用local 如果来自远程用remote默认为remote
			 emptyText:"请选择..."//没有选择时候的默认值
		});



2、数据来自 Array.
 
 var status = new Ext.form.ComboBox({
  	  id:'status_',
      width : 70,
      fieldLabel : '状态',
      triggerAction: 'all',
      lazyRender:true,
      mode: 'local',
      store: new Ext.data.ArrayStore({
          fields: [
              'idValue',
              'displayText'
          ],
          data: [['0', '停用'], ['1','启用']]
      }),
      valueField: 'idValue',
      displayField: 'displayText'
    });













-


分享到:
评论

相关推荐

    Ext 3.0 中文文档.zip

    四、Grid:Grid是Ext最常用的组件之一,用于展示表格数据。它可以处理大量的数据,支持行选择、排序、分页、列调整等功能。Grid的灵活性在于可以通过配置定义列的类型和行为,如使用模板渲染单元格内容,或者添加...

    Ext 开发指南 学习资料

    3.5.2. TreeLoader外传 之 读取本地json 3.6. jsp的例子是一定要有的 3.7. 让你知道树都可以做些什么 3.7.1. 检阅树形的事件 3.7.2. 右键菜单并非单纯的事件 3.7.3. 默认图标好单调,改一下撒 3.7.4. 偷偷告诉你咋从...

    Ext下拉列表

    在本场景中,我们将探讨如何使用ExtJS创建一个动态从数据库读取数据的下拉列表。 1. **ExtJS ComboBox基本结构** ExtJS的ComboBox由两个主要部分组成:文本输入框和下拉列表。用户可以在输入框中手动输入值,或者...

    EXT控件lovcombo

    在EXT控件中,"lovcombo"(即Love Combo)是一种特殊的ComboBox,通常用于显示一个列表,其中每个项可以被选择,类似于下拉框。这个lovcombo控件的特色在于它支持多选,通过复选框(checkboxes)来实现这一功能,...

    Ext Js权威指南(.zip.001

    8.1.3 格式化输出数据:ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件...

    Ext与后台数据库交互

    `Ext.data`是Ext框架的核心模块之一,它主要负责封装与数据相关的各种操作。该模块下包括了多个子类,例如`Ext.data.Store`、`Ext.data.DataProxy`以及`Ext.data.DataReader`等,这些子类共同协作完成数据的加载、...

    Ext.data专题

    **Grid** 和 **ComboBox** 等组件都是基于Ext.data进行数据操作的。它们利用这些核心组件来实现诸如异步加载、类型转换、分页等功能。 #### 二、数据格式和支持 Ext.data支持多种数据格式,包括但不限于: - **...

    Extjs之旅-combox之远程加载数据

    Store是ExtJS中管理数据的容器,它可以连接到各种数据源,包括本地数据、JSON、XML等,或者通过Ajax请求从服务器获取数据。在Combox中,我们通常会配置一个与服务器交互的Store,并设置它的proxy属性为AjaxSource,...

    Ext 2.0 中文api 天涯浪子

    4. **数据存储**:框架内包含Model、Store和Proxy等概念,用于处理数据的读取、写入和管理,支持XML、JSON等多种数据格式,可与服务器进行数据交换。 5. **表格和网格**:Grid Panel是Ext 2.0的一个重要组件,用于...

    Ext-Js更换皮肤

    - **创建下拉列表**:使用`ComboBox`创建一个下拉列表,其数据源是之前定义的皮肤列表。 - **处理事件**:监听下拉列表的`"select"`事件,当用户选择皮肤时,更新页面上的CSS引用,并可能保存用户的选择。 通过以上...

    EXT+ASP+Access Girdpanel 带搜索,下拉菜单,翻页

    下拉菜单在EXT中通常由ComboBox组件实现,它允许用户从预定义的选项列表中选择一个值。在Girdpanel中,下拉菜单可能用于列过滤或者作为操作列的选择器。 搜索功能通常是通过EXT的Filter组件来实现的,允许用户输入...

    Ext-JS框架中文文档

    - **数据处理**: ExtJS提供了强大的数据处理能力,包括数据代理、数据读取器等功能。 - **ComboBox**: 下拉列表框组件,常用于提供用户选择项。 9. **Ajax与ComboBox** - **Ext.Ajax类**: 实现了与服务器异步...

    简单ext jsp数据库操作例子

    EXT JS库提供了丰富的组件库,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,这些组件可以轻松地绑定到数据源,实现数据的动态展示和编辑。在学生管理系统中,我们可以使用GridPanel显示学生...

    Ext中文文档

    - **数据概念与DataProxy、DataReader、Store类**:深入探讨了ExtJS中的数据管理机制,包括数据代理、数据读取器和数据存储的概念。 - **ComboBox**:详细讲解了ComboBox组件的使用,这是一种常见的下拉列表框组件。...

    extjs帮助文档pdf版

    - `Ext.data.ArrayReader.read(response)`: 读取数组数据。 #### 33. Ext.data.JsonReader 类 (P.26) - **概述**:读取JSON格式的数据。 - **常用方法**: - `Ext.data.JsonReader.read(response)`: 读取JSON数据...

    ExtJs 中文文档

    - **数据读取器 DataReader**:负责解析原始数据为 ExtJS 可用的数据格式。 - **数据存储 Store**:管理应用程序中的数据集。 - **ComboBox**:下拉列表组件,常用于收集用户输入的选择。 #### 十一、Ajax 与 ...

    轻松搞定Extjs 带目录

    - 数据读取器(Ext.data.DataReader) - 数据存储(Ext.data.Store) #### 11. Ajax与数据交互 - Ext.Ajax类用于执行Ajax请求,实现与服务器的数据交互。 - Ajax文件上传是通过特定的配置实现。 #### 12. 分页与...

    Extjs中文教程

    - 需要正确配置数据代理和数据读取器。 #### 十一、分页与ComboBox - **关于分页** - 分页是处理大量数据时常用的技术,可以减少单次加载的数据量。 - Extjs提供了分页工具栏来实现这个功能。 - **从Servlet...

Global site tag (gtag.js) - Google Analytics