easyui-combobox 實(shí)現(xiàn)簡(jiǎn)單的自動(dòng)補(bǔ)全功能示例
更新時(shí)間：2016年11月08日 16:30:15 投稿：jingxian
下面小編就為大家?guī)?lái)一篇easyui-combobox 實(shí)現(xiàn)簡(jiǎn)單的自動(dòng)補(bǔ)全功能示例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，
前臺(tái)：
Html頁(yè)面
<input id="clsydw" name="clsydw" class="easyui-combobox" data-options="" />
JS
//自動(dòng)補(bǔ)全功能
$("#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);
}
}
})
后臺(tái)部分才是重點(diǎn)，因?yàn)樵诮邮躶yr參數(shù)的時(shí)候，是亂碼，這里使用各種解碼都不行，只有使用以下解碼方式（可能有更好的方法，目前沒發(fā)現(xiàn)）
/** 根據(jù)單位名稱自動(dòng)補(bǔ)全單位全稱
* @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 實(shí)現(xiàn)簡(jiǎn)單的自動(dòng)補(bǔ)全功能示例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Echarts地圖添加引導(dǎo)線效果(labelLine)
這篇文章主要介紹了Echarts地圖添加引導(dǎo)線效果(labelLine)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
淺談?lì)愃朴?function(){}).call()的js語(yǔ)句
這篇文章主要介紹了淺談?lì)愃朴?function(){}).call()的js語(yǔ)句,的相關(guān)資料,需要的朋友可以參考下2015-03-03
javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式
這篇文章主要介紹了javascript內(nèi)嵌式與外鏈?zhǔn)降幕緫?yīng)用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-12-12
JS中注入eval, Function等系統(tǒng)函數(shù)截獲動(dòng)態(tài)代碼
這篇文章主要介紹了JS中注入eval, Function等系統(tǒng)函數(shù)截獲動(dòng)態(tài)代碼,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了JavaScript中的變量作用域介紹,本文同時(shí)講解了一個(gè)新概念變量的作用域鏈,需要的朋友可以參考下2014-12-12
代碼分片是webpck打包工具所特有的一項(xiàng)技術(shù)，通過(guò)這項(xiàng)功能可以把代碼按照特定的形式進(jìn)行拆分，使用戶不必一次全部加載，而是按需加載。本文就來(lái)詳細(xì)介紹，感興趣的可以了解一下2021-07-07
js 限制input只能輸入數(shù)字小數(shù)點(diǎn)也不能輸入或者是只能輸入數(shù)字,能輸小數(shù)點(diǎn)等等，本文大致整理了一些，感興趣的朋友可以收藏下2013-12-12
當(dāng)頁(yè)面設(shè)計(jì)好后需要打印出來(lái),如網(wǎng)頁(yè)的的打印瀏覽和打印功能,有些公司需要讓前端開發(fā)好頁(yè)面打印出來(lái)或者轉(zhuǎn)為pdf格式的文檔,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)打印功能的兩種方法,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JavaScript防止全局變量污染的方法,結(jié)合實(shí)例形式較為詳細(xì)的總結(jié)分析了JavaScript防止全局變量污染的常用操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-08-08
怎樣使用?JavaScript?轉(zhuǎn)義字符串中的引號(hào)
要轉(zhuǎn)義字符串中的單引號(hào)或雙引號(hào),需要在字符串內(nèi)容中的每個(gè)單引號(hào)或雙引號(hào)之前使用反斜杠?\?字符,例如?‘that’s?it’,這篇文章主要介紹了如何使用?JavaScript?轉(zhuǎn)義字符串中的引號(hào),需要的朋友可以參考下2023-11-11