Ext表单中的combobox回填显示值问题

缘由：在基于Ext构建的表单(form)中使用了Combobox组件，提交时使用hiddenName方式，后台可接收到所选的valueField值，实现保存功能。
问题：在修改页面中须将值回填到combobox中，但combobox显示的是valueField值而不是displayField值。解决的办法是在combobox的store中添加listener回填显示值。

解决问题所添加代码：

listeners: {  
      load: function() {  
           typeCombo.setValue(typeCombo.getValue());  
      }  
}

 

完整代码：
         

 var typeStore = new Ext.data.JsonStore({
		    url: 'systemParmsProvider.do?type=DATA_TABLE_TYPE_LIST',
		    fields: ['codeValue', 'codeLabel'],
		    listeners: {  
				load: function() {  
					typeCombo.setValue(typeCombo.getValue());  
				}  
			}  
		});
		typeStore.setDefaultSort('codeValue');
			
	    var typeCombo = new Ext.form.ComboBox({
	        store: typeStore,
			fieldLabel: '类型',
	        displayField: 'codeLabel',
	        valueField: 'codeValue',
	       	name: 'type',
	       	hiddenName: 'type',
	        typeAhead: true,
	        emptyText:'请选择数据表类型...',
	        mode: 'local',
	        triggerAction: 'all',
	        selectOnFocus: true,
	        editable: false,
		    anchor:'95%'
	    });
	    typeStore.load();

希望对大家能有所帮助，tks

评论

5 楼 maidou80 2014-02-28  

的确有帮助  3Q

4 楼 blair3325980 2013-07-10  

非常感谢你！找了好久了！就你是对的！！

3 楼 playerljc 2011-09-15  

好用，不错啊，找了很多就这个好用

2 楼 lanbinsong 2009-03-16  

我用了这个方法,好像没有用, 回填回来组合框显示的值还是 valueDisplay 的值, 不知道是什么原因

1 楼 samofweb 2009-03-05  

Quite Good !