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用户自定义类的类名称的代码
Mar 08 Javascript
javascript实现复制与粘贴操作实例
Oct 16 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
详解vue中的computed的this指向问题
Dec 05 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
JS错误处理与调试操作实例分析
Apr 13 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 中的批处理的实现
2007/06/14 PHP
PHP提取中文首字母
2008/04/09 PHP
php环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
destoon二次开发入门示例
2014/06/20 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
使用PHP反射机制来构造&quot;CREATE TABLE&quot;的sql语句
2019/03/21 PHP
JavaScript Chart 插件整理
2010/06/18 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
node.js中的fs.fchmod方法使用说明
2014/12/16 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
JQuery标签页效果的两个实例讲解(4)
2015/09/17 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
ubuntu安装mysql pycharm sublime
2018/02/20 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
python实现名片管理系统
2018/11/29 Python
Python多进程编程常用方法解析
2020/03/26 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
中科软测试工程师面试题
2012/06/16 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
促销活动总结范文
2014/04/30 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
财务管理专业自荐书
2014/09/02 职场文书
校园安全广播稿范文
2014/09/25 职场文书
2015年打非治违工作总结
2015/04/02 职场文书
Python中for后接else的语法使用
2021/05/18 Python
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL