Ext ComboBox设置选中初始值的问题解决方案

最新推荐文章于 2018-06-22 19:55:00 发布

houjuan19900122

最新推荐文章于 2018-06-22 19:55:00 发布

阅读量689

点赞数

分类专栏： EXT 文章标签： EXT

EXT 专栏收录该内容

5 篇文章

订阅专栏

本文详细阐述了在使用ComboBox组件时，确保其正常工作的关键配置项。包括autoLoad属性的设置、监听事件的添加以及如何正确地配置store来实现数据绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一定要注意的问题:
1、autoLoad:true,一定要设置autoLoad的值为true，否则显示的是value 而不是text
2、一定要添加监听事件：comboBox一定要设置id；用setValue方法为其设置选中值的value，对应的就是store中选项！

var storezone = new Ext.data.Store({
				autoLoad : true,
			 	proxy:new Ext.data.HttpProxy({url:'zone.do?op=toAddMerchant'}),
			 	reader:new Ext.data.ArrayReader({},[
			 		{name:'zoneid'},
			 		{name:'zonename'}
			 	]),
			 	listeners :{   
                      load:function(){   
                      	Ext.getCmp('test').setValue(<%=mer.getZoneId()%>);   
                      }   
                }
			 });

			 var zone_comb = {
				fieldLabel:'地  区',
				xtype:'combo',
				id:'test',
				allowBlank:false,
				blankText:'请选择地区，地区不能为空！',
				emptyText:'请选择',
				triggerAction:'all',
				width:130,
				hiddenName:'zoneid',
				valueField:'zoneid',
				displayField:'zonename',
				minListWidth:250,
				pageSize:5,
				resizable:true,
				mode:'remote',
				store:storezone,
				editable : false,
				lazyInit : false
			};