`
yiyanwan77
  • 浏览: 187872 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

ExtJs combobox数据

阅读更多

local比较简单,后台返回的数据也可以是纯数组或者包含对象数组,这点找了很久都没有例子,因为local模式直接给store赋值为二维数组是可行的,因此肯定也支持后台纯数组的获取,尝试了多次之后终于出了效果。原来是对store认识不够深刻,觉得后台返回的数据既然是二维数组,就直接用了ArrayStore,返回[[],[]]形式,前后都没报错,就是出不来。后来将render设置为ArrayReader,一切ok了。

 

  • 纯数组

 

   store

window.nameStore = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : webRoot + "mtc.do?m=selectStaffs2"
						}),
				reader : new Ext.data.ArrayReader({
							fields : ['id', 'name'],
							id:0
						})
			});
 

  ui

 

{
							xtype : 'combo',
							fieldLabel : '姓名',
							name : 'name',
							anchor : '100%',
							hiddenName : "name",
							triggerAction : "all",
							store : nameStore,
							valueField : 'id',
							displayField : 'name'
						}

 返回数据

 

[["1", "华生震"], ["202", "邵弘珠"], ["403", "林茜锦"], ["604", "凤伊敬"],
			["805", "熊瑾桂"], ["1006", "平梅武"], ["1207", "姜言朗"], ["1408", "卞海军"],
			["1609", "窦勇承"], ["1810", "任元艳"], ["2011", "夏春承"], ["2212", "毕聪有"],
			["2413", "秦云建"], ["2614", "高晶慧"], ["2815", "卜咏咏"], ["3016", "贝士信"],
			["3217", "谈维士"], ["3418", "韦婉轮"], ["3619", "毛炎姬"], ["3820", "王英才"],
			["4021", "冯珍超"], ["4222", "凤会心"], ["4423", "吴旭泽"], ["4624", "戴霭东"],
			["4825", "孔榕纯"], ["5026", "顾桂梁"], ["5227", "韩树环"], ["5428", "顾美民"],
			["5629", "谢茜伊"], ["5830", "尤婉惠"]]
 

 

 

  • 对象数组

store

 

window.nameStore = new Ext.data.Store({
				proxy : new Ext.data.HttpProxy({
							url : webRoot + "mtc.do?m=selectStaffs"
						}),
				reader : new Ext.data.JsonReader({
							fields : ['id', 'name'],
							root:'root'
						})
			});
 

 ui:

同上

 

数据:

 

 {
		"root" : [{
					"id" : "1",
					"name" : "华生震"
				}, {
					"id" : "202",
					"name" : "邵弘珠"
				}, {
					"id" : "403",
					"name" : "林茜锦"
				}, {
					"id" : "604",
					"name" : "凤伊敬"
				}, {
					"id" : "805",
					"name" : "熊瑾桂"
				}, {
					"id" : "1006",
					"name" : "平梅武"
				}, {
					"id" : "1207",
					"name" : "姜言朗"
				}, {
					"id" : "1408",
					"name" : "卞海军"
				}, {
					"id" : "1609",
					"name" : "窦勇承"
				}, {
					"id" : "1810",
					"name" : "任元艳"
				}, {
					"id" : "2011",
					"name" : "夏春承"
				}, {
					"id" : "2212",
					"name" : "毕聪有"
				}, {
					"id" : "2413",
					"name" : "秦云建"
				}, {
					"id" : "2614",
					"name" : "高晶慧"
				}, {
					"id" : "2815",
					"name" : "卜咏咏"
				}, {
					"id" : "3016",
					"name" : "贝士信"
				}, {
					"id" : "3217",
					"name" : "谈维士"
				}, {
					"id" : "3418",
					"name" : "韦婉轮"
				}, {
					"id" : "3619",
					"name" : "毛炎姬"
				}, {
					"id" : "3820",
					"name" : "王英才"
				}, {
					"id" : "4021",
					"name" : "冯珍超"
				}, {
					"id" : "4222",
					"name" : "凤会心"
				}, {
					"id" : "4423",
					"name" : "吴旭泽"
				}, {
					"id" : "4624",
					"name" : "戴霭东"
				}, {
					"id" : "4825",
					"name" : "孔榕纯"
				}, {
					"id" : "5026",
					"name" : "顾桂梁"
				}, {
					"id" : "5227",
					"name" : "韩树环"
				}, {
					"id" : "5428",
					"name" : "顾美民"
				}, {
					"id" : "5629",
					"name" : "谢茜伊"
				}, {
					"id" : "5830",
					"name" : "尤婉惠"
				}]}
 

 

 

 

 

 

分享到:
评论

相关推荐

    extjs 自动补全 模拟combobox

    总之,EXTJS的Combobox组件结合适当的配置和事件监听,可以轻松实现自动补全功能,无论是本地数据还是远程数据源,都能提供高效且友好的用户体验。在实际开发中,你可以根据项目需求灵活运用这些特性,提高应用的...

    extjs4 ComboBox 点击下拉框 出现grid效果

    在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...

    Extjs中ComboBox加载并赋初值的实现方法

    接下来,我们将详细解析如何在Extjs中为ComboBox组件加载数据并设置初始选中项。 首先,Extjs中ComboBox组件的数据加载通常是通过其绑定的store来完成的。store是Extjs用来存储数据集的一个对象,它可以是一个本地...

    Ext combobox 下拉多选框带搜索功能

    3. **数据源**:ComboBox的数据源可以是静态数组,也可以是动态加载的数据,如通过Ajax请求获取。数据项通常包含一个字段用于显示(例如,`text`),另一个用于存储(例如,`value`)。 4. **模板**:为了显示多选...

    ExtJS Combobox二级联动列子

    ExtJS的Combobox组件是一种常见的数据输入控件,它提供了下拉列表的功能,用户可以选择列表中的一个选项或者在输入框中自由输入。在实际应用中,我们常常会遇到需要实现二级甚至多级联动的场景,这通常是由于数据的...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    extjs的ComboBox 2级联动

    ExtJS的ComboBox是一个非常强大的组件,它用于创建下拉选择框。在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份...

    无废话ExtJs 教程十[下拉列表:Combobox]

    - 在创建Combobox时,会涉及到ExtJS的组件体系、数据绑定和渲染机制。理解这些核心概念有助于更好地定制和优化Combobox。 - 阅读源码可以帮助我们了解Combobox内部的工作原理,以及如何根据需求调整和扩展功能。 ...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    模仿extjs风格写的jquery combobox

    但我们可以根据标题推测,这个项目可能包含了使用jQuery实现的下拉列表组件,具有搜索过滤、动态加载数据等功能,旨在提供一种轻量级的解决方案,适用于那些希望在项目中集成类似ExtJS ComboBox但又不想引入庞大框架...

    Extjs让combobox写起来简洁又漂亮

    其中,Extjs的combobox组件是一个常用的UI控件,它集成了文本输入和下拉列表,允许用户在有限的空间内快速选择一个选项。 在Extjs中,创建一个简洁又漂亮的combobox组件主要包括以下几个关键点: 1. 创建自定义...

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    在本教程中,我们将深入探讨ExtJS中的"RemoteCheckboxGroup",这是一个用于处理远程数据源的动态复选框组件。这个组件通常用于显示从服务器获取的动态选项,它允许用户根据需要选择或取消选择多个选项,同时将这些...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    Extjs4---combobox省市区三级联动+struts2

    在这个特定的项目“Extjs4---combobox省市区三级联动+struts2”中,我们将探讨如何利用ExtJS 4的ComboBox组件实现省市区的三级联动效果,并结合Struts2框架进行数据交互。 首先,`ComboBox`是ExtJS中的一个组件,它...

    #ComboBox自动补全小技巧(模糊查找)

    在.NET框架下,ComboBox控件是Windows Forms应用程序中常见的组件,用于展示下拉列表供用户选择。本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...

Global site tag (gtag.js) - Google Analytics