DIRECT 신기술 Extjs 확장 Ext.ux.BaseDataComboBox

간단한 실현 방식은 다음과 같다. (불러올 때 자동으로 값이 표시됩니다. 데이터 재고는 학력 명칭 값입니다.)

 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)
					}					
	    	 }),