【easyui-combobox】下拉菜單自動補全功能,Ajax獲取遠程數據源
阿新 • • 發佈:2018-02-01
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獲取遠程數據源