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

前端之家收集整理的这篇文章主要介绍了easyui-combobox 实现简单的自动补全功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前台

Html页面

JS

自动补全功能 $("#clsydw").comboBox({
  1. valueField:'syr',textField:'syr',panelWidth:200,panelHeight:'auto',onChange:function(values,o)
  2. {
  3. if(values!="")
  4. {
  5. var url='${localCtx }/workloadpmtreport/querysyr.do?syr='+values.trim();
  6. $("#clsydw").combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>("reload",url);
  7. }
  8. }

})

后台部分才是重点,因为在接受syr参数的时候,是乱码,这里使用各种解码都不行,只有使用以下解码方式(可能有更好的方法,目前没发现)

/** 根据单位名称自动补全单位全称

  • @param req
  • @return
    */
    @RequestMapping(value="querysyr.do")
    @ResponseBody
    public List 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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章