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

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

前台

Html页面

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").combo<a href="/tag/Box/" target="_blank" class="keywords">Box</a>("reload",url); 
  } 
} 

})

后台部分才是重点,因为在接受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相关文章