easyui-combobox 實現簡單的自動補全功能示例
更新時間:2016年11月08日 16:30:15 投稿:jingxian
下面小編就為大家?guī)硪黄猠asyui-combobox 實現簡單的自動補全功能示例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,
前臺:
Html頁面
<input id="clsydw" name="clsydw" class="easyui-combobox" data-options="" />
JS
//自動補全功能
$("#clsydw").combobox({
valueField:'syr',
textField:'syr',
panelWidth:200,
panelHeight:'auto',
onChange:function(values,o)
{
if(values!="")
{
var url='${localCtx }/workloadpmtreport/querysyr.do?syr='+values.trim();
$("#clsydw").combobox("reload",url);
}
}
})
后臺部分才是重點,因為在接受syr參數的時候,是亂碼,這里使用各種解碼都不行,只有使用以下解碼方式(可能有更好的方法,目前沒發(fā)現)
/** 根據單位名稱自動補全單位全稱
* @param req
* @return
*/
@RequestMapping(value="querysyr.do")
@ResponseBody
public List<Veh_Hy> queryListsyr(HttpServletRequest req)
{
String syr="";
try {
syr=new String(new String(req.getParameter("syr").getBytes("iso-8859-1"),"UTF-8"));
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
syr=(syr!="")?'%'+syr.trim()+'%':"";
return vehhyMapper.getListBySyr(syr);
}
以上這篇easyui-combobox 實現簡單的自動補全功能示例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
原生JS實現動態(tài)加載js文件并在加載成功后執(zhí)行回調函數的方法
這篇文章主要介紹了原生JS實現動態(tài)加載js文件并在加載成功后執(zhí)行回調函數的方法,涉及javascript動態(tài)創(chuàng)建頁面元素、事件監(jiān)聽、回調函數使用等相關操作技巧,需要的朋友可以參考下2018-09-09
JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關閉或者刷新,這篇文章主要給大家介紹了關于JS監(jiān)聽瀏覽器關閉、刷新及切換標簽頁觸發(fā)事件的相關資料,需要的朋友可以參考下2023-11-11
JavaScript 嚴格模式(use strict)用法實例分析
這篇文章主要介紹了JavaScript 嚴格模式(use strict)用法,結合實例形式分析了JavaScript 嚴格模式的基本功能、用法及操作注意事項,需要的朋友可以參考下2020-03-03
基于BootStrap與jQuery.validate實現表單提交校驗功能
學習前臺后臺最開始接觸的業(yè)務都是用戶注冊和登錄,下面通過本文給大家介紹BootStrap與jQuery.validate實現表單提交校驗功能,感興趣的朋友一起學習吧2016-12-12

