手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >easyui-combobox 实现简单的自动补全功能示例
easyui-combobox 实现简单的自动补全功能示例
摘要:前台:Html页面JS//自动补全功能$("#clsydw").combobox({valueField:'syr',textField:'...

前台:

Html页面

<input id="clsydw" name="clsydw" 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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【easyui-combobox 实现简单的自动补全功能示例】相关文章:

jQuery实现在列表的首行添加数据

jquery实现动态改变div宽度和高度

简单的防盗链功能代码(iframe)

javascript结合Flexbox简单实现滑动拼图游戏

js实现键盘Enter键提交表单的方法

Javascript实现的SHA-256加密算法完整实例

一个很简单的办法实现TD的加亮效果.

javascript实现获取服务器时间

jQuery实现的多屏图像图层切换效果实例

jQuery结合ajax实现动态加载文本内容

精品推荐
分类导航