Extjs自定义带联想功能的下拉框.docVIP

Ext-联想框 效果图： 使用方法： 1、 前台 var pp = new LianXiangComboBox({ url:empStore111.shtml, hideTrigger : true, triggerAction : all, fieldLabel:申请会员, // maxHeight:50,//下拉高度超过这个值就出现滚动条 displayField : value,//store中field的value值，必填 valueField : key,//store中field的key值，必填 totalProperty:count,//用于分页，选填 pageSize:3,//分页，选填 root:list//store的root值，必填。 }) 2、后台： String s = ParamUtil.getParameter(request, param).trim(); int start = ParamUtil.getParameterInt(request, start,0); int limit = ParamUtil.getParameterInt(request, limit,0); MapString, Object map = new HashMapString,Object(); map.put(s, s); if(limit!=0){ map.put(start, start); map.put(limit, limit); } MapString,ListString m = this.wlService.queryForName(map); ListString list = m.get(list); String result = {\count\:+Integer.parseInt(m.get(count).get(0))+,\list\:[ ; int i = 0; for (String str : list) { result = result+{value:+str+,key:+i+},; i++; } if(list.size()=0){ result = result+]}; }else{ result = result.substring(0,result.lastIndexOf(,))+]}; } */ 3、引入组件源文件 LianXiangComboBox = Ext.extend(Ext.form.ComboBox, { /* * 默认值 */ id:, name : ,// 显示的文本框的name hiddenName : ,// 隐藏域name,存放服务器返回的编号 /* store查询用 */ hideTrigger : true, loadingText : 搜索.., typeAhead : false,//延时查询，并将第一个值放到text框中 typeAheadDelay:250,//默认250 minChars : 1, width:250, // pageSize:10,//extjs会主动向后退传递start和limit totalProperty:, mode : remote, sort : ,// 用于远程排序 dir : DESC,// 用于远程排序 loadingText : 加载中..., //必填 valueField : , displayField : , url:, root:,//返回值json initComponent : function() { Ext.form.ComboBox.superclass.initComponent.call(this); // 创建默认数据集 this.store = new Ext.data.Store({ parent : this, url : this.url, reader : new Ext.data.JsonReader({ root : this.root, totalProperty: this.totalProperty, fields : [this.displayField,this.valueField] }), baseParams:{ dir