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


Posted in Javascript onNovember 08, 2016

前台: 

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 相关文章推荐
jQuery与ExtJS之选择实例分析
Aug 19 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
Jan 31 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
easyui combobox开启搜索自动完成功能的实例代码
Nov 08 #Javascript
基于Vuejs框架实现翻页组件
Jun 29 #Javascript
vue2.0+webpack环境的构造过程
Nov 08 #Javascript
详解React-Todos入门例子
Nov 08 #Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 #Javascript
值得学习的bootstrap fileinput文件上传工具
Nov 08 #Javascript
BootStrap table使用方法分析
Nov 08 #Javascript
You might like
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
QUnit jQuery的TDD框架
2010/11/04 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
2016/12/23 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
js实现时间日期校验
2020/05/26 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
小程序选项卡以及swiper套用(跨页面)
2020/06/19 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
Python中标准模块importlib详解
2017/04/16 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
python实现图书借阅系统
2019/02/20 Python
10款最好的Python开发编辑器
2019/07/03 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
牦牛毛户外探险服装:Kora
2019/02/08 全球购物
大学生创业策划书
2014/02/02 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
励志演讲稿800字
2014/08/21 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
2016机关干部作风建设心得体会
2016/01/21 职场文书
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers