easyui-combobox 實現(xiàn)簡單的自動補全功能示例
前臺:
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參數(shù)的時候,是亂碼,這里使用各種解碼都不行,只有使用以下解碼方式(可能有更好的方法,目前沒發(fā)現(xiàn)) /** 根據(jù)單位名稱自動補全單位全稱 * @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 實現(xiàn)簡單的自動補全功能示例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript isArray 數(shù)組類型檢測函數(shù)
在日常開發(fā)中,我們經(jīng)常需要判斷某個對象是否是數(shù)組類型的,在js中檢測對象類型的常見的方法有幾種.2009-10-10原生JS實現(xiàn)動態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法
這篇文章主要介紹了原生JS實現(xiàn)動態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法,涉及javascript動態(tài)創(chuàng)建頁面元素、事件監(jiān)聽、回調(diào)函數(shù)使用等相關(guān)操作技巧,需要的朋友可以參考下2018-09-09JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務(wù)器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關(guān)閉或者刷新,這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件的相關(guān)資料,需要的朋友可以參考下2023-11-11JavaScript 嚴格模式(use strict)用法實例分析
這篇文章主要介紹了JavaScript 嚴格模式(use strict)用法,結(jié)合實例形式分析了JavaScript 嚴格模式的基本功能、用法及操作注意事項,需要的朋友可以參考下2020-03-03基于BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能
學(xué)習(xí)前臺后臺最開始接觸的業(yè)務(wù)都是用戶注冊和登錄,下面通過本文給大家介紹BootStrap與jQuery.validate實現(xiàn)表單提交校驗功能,感興趣的朋友一起學(xué)習(xí)吧2016-12-12微信小程序+ECharts實現(xiàn)動態(tài)刷新的過程記錄
這篇文章主要給大家介紹了關(guān)于微信小程序+ECharts實現(xiàn)動態(tài)刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05