1. 程式人生 > >【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源

【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源

combo -c -o efi 字段 data app script resp

這個是針對easyUI的下拉菜單使用的,Ajax獲取遠程數據源

HTML 頁面

<input id="uname" name="uname" class="easyui-combobox"  data-options=""  style="width: 120px;" />

JS代碼

$("#uname").combobox({
		prompt:‘輸入首關鍵字自動檢索‘,
	        valueField:‘tDealerCodeDto‘,
	        textField:‘tDealerCodeDto‘,
	        panelWidth:120,
	        panelHeight:‘auto‘,
	        onChange:function(values,o){
	            if(values!=""){
	                var url=‘URL?name=‘+values.trim();
	                $("#uname").combobox("reload",url);
	            }
	        }
	    })

其中onchange函數的values參數為 控件input的輸入value值, o參數具體的不清楚,因為已經可以實現下拉菜單了.但是通過打印知道該參數返回上一次input的輸入值

部分後臺代碼

        @LoginCheck(description = true)
	@RequestMapping("queryName")
	@ResponseBody
	public List<TDealerDto> queryname(HttpServletRequest request, HttpServletResponse response,String name){
		List<TDealerDto> list= tcustomerService.queryName(name);
return list;
}

返回的實體中一定要包含combobox中顯示的valueField和textField字段值

先介紹到這裏..以後再補充

【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源