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 相关文章推荐
实例:尽可能写友好的Javascript代码
Oct 09 Javascript
犀利的js 函数集合
Jun 11 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
May 19 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
一个手写的vue放大镜效果
Aug 09 Javascript
Vue根据条件添加click事件的方式
Nov 09 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入门基础之php代码写法
2011/12/30 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
浅谈jquery高级方法描述与应用
2016/10/04 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
JavaScript图片处理与合成总结
2018/03/04 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python实现简单登陆系统
2018/10/18 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
python读写csv文件实例代码
2019/07/05 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python底层封装实现方法详解
2020/01/22 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
python 模拟登录B站的示例代码
2020/12/15 Python
python爬取抖音视频的实例分析
2021/01/19 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
会计助理岗位职责
2014/02/17 职场文书
校庆标语集锦
2014/06/25 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
2015年资料员工作总结
2015/04/25 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android
Golang实现可重入锁的示例代码
2022/05/25 Golang