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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
xtree.js 代码
Mar 13 Javascript
js DOM 元素ID就是全局变量
Sep 20 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
jQuery制作仿Mac Lion OS滚动条效果
Feb 10 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 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 google或baidu分页代码
2009/11/26 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
php 多关键字 高亮显示实现代码
2012/04/23 PHP
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
2016/12/12 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
JS代码优化的8点建议
2020/02/04 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
python读取浮点数和读取文本文件示例
2014/05/06 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
python 对象和json互相转换方法
2018/03/22 Python
使用Python的SymPy库解决数学运算问题的方法
2019/03/27 Python
wxpython实现按钮切换界面的方法
2019/11/19 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
轻松制作精彩视频:Animoto
2018/09/19 全球购物
类的返射机制中的包及核心类
2016/09/12 面试题
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
中药专业大学生医药工作求职信
2013/10/25 职场文书
门卫人员岗位职责
2013/12/24 职场文书
四个太阳教学反思
2014/02/01 职场文书
入党自我评价范文
2014/02/02 职场文书
补充协议书范本
2014/04/23 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书