easyui-combobox 实现简单的自动补全功能示例
前台:
Html页面
<inputid="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!="")
{
varurl='${localCtx}/workloadpmtreport/querysyr.do?syr='+values.trim();
$("#clsydw").combobox("reload",url);
}
}
})
后台部分才是重点,因为在接受syr参数的时候,是乱码,这里使用各种解码都不行,只有使用以下解码方式(可能有更好的方法,目前没发现)
/**根据单位名称自动补全单位全称
*@paramreq
*@return
*/
@RequestMapping(value="querysyr.do")
@ResponseBody
publicList<Veh_Hy>queryListsyr(HttpServletRequestreq)
{
Stringsyr="";
try{
syr=newString(newString(req.getParameter("syr").getBytes("iso-8859-1"),"UTF-8"));
}catch(UnsupportedEncodingExceptione){
e.printStackTrace();
}
syr=(syr!="")?'%'+syr.trim()+'%':"";
returnvehhyMapper.getListBySyr(syr);
}
以上这篇easyui-combobox实现简单的自动补全功能示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。