Ext.form.ComboBox setValue()初始值设定问题

在Store加上一个listeners时设置ComBox中对应的键值。
Html代码
  1. var nodeNameStore = new Ext.data.JsonStore({   
  2.         url : Listener   
  3.                 + '?className=etl.db.Node&methodName=getAllNodeJSON&paramCount=0',   
  4.         totalProperty : 'results',   
  5.         root : 'root',   
  6.         fields : ['nodeId', 'nodeName'],   
  7.         listeners : {   
  8.             load : function() {   
  9.                 nodeName.setValue(nodeName.getValue());   
  10.             }   
  11.         }   
  12.     });   
  13.     nodeNameStore.load();   
  14.   
  15.     var nodeName = new Ext.form.ComboBox({   
  16.         xtype : "combo",   
  17.         name : "nodeName",   
  18.         fieldLabel : "所在作业节点",   
  19.         displayField : 'nodeName',// 下拉框显示的值   
  20.         valueField : 'nodeId',   
  21.         store : nodeNameStore,   
  22.         triggerAction : 'all',   
  23.         editable : false,   
  24.         allowBlank : false,   
  25.         emptyText : '请选择作业节点',   
  26.         selectOnFocus : true   
  27.     });   
  28. nodeName.setValue("1");  
var nodeNameStore = new Ext.data.JsonStore({
		url : Listener
				+ '?className=etl.db.Node&methodName=getAllNodeJSON&paramCount=0',
		totalProperty : 'results',
		root : 'root',
		fields : ['nodeId', 'nodeName'],
		listeners : {
			load : function() {
				nodeName.setValue(nodeName.getValue());
			}
		}
	});
	nodeNameStore.load();

	var nodeName = new Ext.form.ComboBox({
		xtype : "combo",
		name : "nodeName",
		fieldLabel : "所在作业节点",
		displayField : 'nodeName',// 下拉框显示的值
		valueField : 'nodeId',
		store : nodeNameStore,
		triggerAction : 'all',
		editable : false,
		allowBlank : false,
		emptyText : '请选择作业节点',
		selectOnFocus : true
	});
nodeName.setValue("1");




这样在设置时会自动显示正确的dispalyField;

转自http://tanlingcau.javaeye.com/blog/588916

你可能感兴趣的:(Ext.form.ComboBox setValue()初始值设定问题)