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

相关文章

  • JavaScript实现in-place思想的快速排序方法

    JavaScript实现in-place思想的快速排序方法

    这篇文章主要介绍了JavaScript实现in-place思想的快速排序方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • (转载)JavaScript中匿名函数,函数直接量和闭包

    (转载)JavaScript中匿名函数,函数直接量和闭包

    (转载)JavaScript中匿名函数,函数直接量和闭包...
    2007-05-05
  • 兼容浏览器的js事件绑定函数(详解)

    兼容浏览器的js事件绑定函数(详解)

    下面小编就为大家带来一篇兼容浏览器的js事件绑定函数(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • JavaScript生成验证码并实现验证功能

    JavaScript生成验证码并实现验证功能

    这篇文章主要介绍了JavaScript生成验证码并实现验证功能的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 随机生成10个不重复的0-100的数字(实例讲解)

    随机生成10个不重复的0-100的数字(实例讲解)

    下面小编就为大家带来一篇随机生成10个不重复的0-100的数字(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js Proxy的原理详解

    js Proxy的原理详解

    Proxy用于修改某些操作的默认行为,在目标对象前架设一个“拦截”层,外界对该对象的访问都必须先通过这一层拦截,因此提供了一种机制可以对外界的访问进行过滤和改写。本文就讲讲Proxy的使用
    2021-05-05
  • JavaScript函数节流和函数防抖之间的区别

    JavaScript函数节流和函数防抖之间的区别

    本文主要介绍了JavaScript函数节流和函数防抖之间的区别。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 返回顶部按钮响应滚动且动态显示与隐藏

    返回顶部按钮响应滚动且动态显示与隐藏

    返回顶部功能在很多的网站上都有,判断滚动参数动态显示与隐藏,下面的示例很实用,喜欢的朋友可以收藏下
    2014-10-10
  • 阻止表单提交按钮多次提交的完美解决方法

    阻止表单提交按钮多次提交的完美解决方法

    下面小编就为大家带来一篇阻止表单提交按钮多次提交的完美解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-05-05
  • 利用JS实现抢红包的三种算法

    利用JS实现抢红包的三种算法

    对于抢红包来说最重要的就是随机性算法,如何确保每个人获得金额是趋向于平均的,也就是有平均的概率去随机,而尽量避免两极分化,本文给大家介绍了用JS实现抢红包的三种算法,文中有相关的代码示例,需要的朋友可以参考下
    2024-03-03

最新评论