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" : "尤婉惠"
				}]}
 

 

 

 

 

 

你可能感兴趣的:(UI,ext)