easyui-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参数的时候，是乱码，这里使用各种解码都不行，只有使用以下解码方式（可能有更好的方法，目前没发现）
/** 根据单位名称自动补全单位全称
* @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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Maha
2021-07-13
Kita
2021-05-26
Abina
2021-05-24
Gelsey
2020-09-05
Winona
2023-07-22
Ophelia
2023-07-22
Agnes
2023-07-22
Aurora
2023-07-22
Glory
2023-07-22
Pelagia
2023-07-22
Ianthe
2023-07-22
Nafisa
2023-07-22
Nora
2023-07-28
Rhea
2023-08-08
Tanisha
2023-08-08
Gitana
2023-08-08
Kara
2023-08-08
Oria
2023-08-08
Nissa
2023-08-08