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

 更新时间:2016年11月08日 16:30:15   投稿:jingxian  
下面小编就为大家带来一篇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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Echarts地图添加引导线效果(labelLine)

    Echarts地图添加引导线效果(labelLine)

    这篇文章主要介绍了Echarts地图添加引导线效果(labelLine),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 浅谈类似于(function(){}).call()的js语句

    浅谈类似于(function(){}).call()的js语句

    这篇文章主要介绍了浅谈类似于(function(){}).call()的js语句,的相关资料,需要的朋友可以参考下
    2015-03-03
  • javascript内嵌式与外链式的基本应用方式

    javascript内嵌式与外链式的基本应用方式

    这篇文章主要介绍了javascript内嵌式与外链式的基本应用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-12-12
  • JS中注入eval, Function等系统函数截获动态代码

    JS中注入eval, Function等系统函数截获动态代码

    这篇文章主要介绍了JS中注入eval, Function等系统函数截获动态代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • JavaScript中的变量作用域介绍

    JavaScript中的变量作用域介绍

    这篇文章主要介绍了JavaScript中的变量作用域介绍,本文同时讲解了一个新概念变量的作用域链,需要的朋友可以参考下
    2014-12-12
  • webpack代码分片的实现

    webpack代码分片的实现

    代码分片是webpck打包工具所特有的一项技术,通过这项功能可以把代码按照特定的形式进行拆分,使用户不必一次全部加载,而是按需加载。本文就来详细介绍,感兴趣的可以了解一下
    2021-07-07
  • js 限制input只能输入数字、字母和汉字等等

    js 限制input只能输入数字、字母和汉字等等

    js 限制input只能输入数字小数点也不能输入或者是只能输入数字,能输小数点等等,本文大致整理了一些,感兴趣的朋友可以收藏下
    2013-12-12
  • 前端实现打印功能的两种方法详解

    前端实现打印功能的两种方法详解

    当页面设计好后需要打印出来,如网页的的打印浏览和打印功能,有些公司需要让前端开发好页面打印出来或者转为pdf格式的文档,下面这篇文章主要给大家介绍了关于前端实现打印功能的两种方法,需要的朋友可以参考下
    2023-01-01
  • JavaScript防止全局变量污染的方法总结

    JavaScript防止全局变量污染的方法总结

    这篇文章主要介绍了JavaScript防止全局变量污染的方法,结合实例形式较为详细的总结分析了JavaScript防止全局变量污染的常用操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • 怎样使用 JavaScript 转义字符串中的引号

    怎样使用 JavaScript 转义字符串中的引号

    要转义字符串中的单引号或双引号,需要在字符串内容中的每个单引号或双引号之前使用反斜杠 \ 字符,例如 ‘that’s it’,这篇文章主要介绍了如何使用 JavaScript 转义字符串中的引号,需要的朋友可以参考下
    2023-11-11

最新评论