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

你可能感兴趣的:(ext)