首页 > 编程 > JavaScript > 正文

easyui-combobox 实现简单的自动补全功能示例

2019-11-19 19:00:45
字体:
来源:转载
供稿:网友

前台: 

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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表