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