DIRECT 新技术 Extjs扩展 Ext.ux.BaseDataComboBox-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_19719/article/details/82102379

本文详细介绍了如何使用 ExtJS 库实现一个自动显示数据库中学历名称值的下拉组件，包括组件配置、数据获取及事件监听等关键步骤。

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

简单实现方式如下所示：（加载的时候会自动显示值数据库存的是学历名称值）

 managDegree : new Ext.ux.BaseDataComboBox({
					fieldLabel : "学历",
					name : "managDegree",
					storeParams:{className:'ManagerDegree',author:'',orderBy:' order by {managDegreeCode}'},
					fields : ['managDegreeCode','managDegreeName'],
					title : "(<font color=black>学历代码</font>)<font color=blue>学历名称</font>",
					tpl:'<tpl for="."><div class="x-combo-list-item">({managDegreeCode})<font color=blue>{managDegreeName}</font></div></tpl>',
					//disabled : this.readOnly,
					allowBlank : true,
					emptyText : '请选择',
					selectOnFocus:true,
					valueField:'managDegreeName',
					directFn: IORegisterChangeAction.getJsonArrayResultPagesByValues,
					listeners : {
						change : function(field, newValue, oldValue) {
							this.editStatus = "系统正在校验<" + field.fieldLabel + ">,请稍后尝试保存!";
							IORegisterChangeAction.getJsonObjectForBaseData('ManagerDegree','managDegreeName',newValue, function(result, e){
								this.editStatus = null;
								if (!Ext.isEmpty(result)) {
									if (result.success) {
										field.setValue("");
										if (!Ext.isEmpty(result.data) && result.data.length>0) {
											var c = '('+result.data[0].managDegreeCode+')'+result.data[0].managDegreeName;
											field.setValue(c);
										}
									}
								}
							}.createDelegate(this));
						}.createDelegate(this)
					}					
	    	 }),