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);
	}

  

时间: 2024-08-24 20:13:42

easyui-combobox 实现简单的自动补全功能的相关文章

js 实现类似百度联想输入,自动补全功能

js  实现类似百度联想输入,自动补全功能 方案一: search是搜索框id="search" 1 //点击页面隐藏自动补全提示框 2 document.onclick = function (e) { 3 var e = e ? e : window.event; 4 var tar = e.srcElement || e.target; 5 if (tar.id != search) { 6 if ($("#" + auto).is(":visibl

vim 自动补全功能:

记录下自己的YouCompleteMe安装步骤: vim没有代码自动补全功能是非常不爽的. 1.先明确一点: MAC 自带的VIM 是7.3版本,而YouCompleteMe安装需要7.3版以上的vim. 使用MAC自带的vim安装YouCompleteMe会出现问题如下: 2.安装YouCompleteMe之前要先安装Budle插件(vundle插件): vundle插件安装比较简单: 在$HOME/.vimrc 文件顶部贴入下列代码: set nocompatible " required

转:Eclipse自动补全功能轻松设置

Eclipse自动补全功能轻松设置 || 不需要修改编辑任何文件 2012-03-08 21:29:02|  分类: Java |  标签:eclipse  自动补全  设置  |举报|字号 订阅 下载LOFTER我的照片书  | 本文介绍如何设置Eclipse代码自动补全功能.轻松实现输入任意字母均可出现代码补全提示框. Eclipse代码自动补全功能默认只包括 点"."  ,即只有输入”."后才出现自动补全的提示框.想要自动补全总是去按 “Alt + / ”也很麻烦. 其

jQuery Autocomplete 自动补全功能

使用Autocomplete可以很简单的就有文本框的自动补全功能提示了. 在HTML文件中引入autocomplete的js文件和css样式文件,以及autocomplete压缩包中的jQuery的js文件,不要私自用高版本的jQuery,可能会导致显示不出效果. 先来从网友那里拷贝过来的最简单的例子: <span style="font-size:24px;"><!DOCTYPE html> <html> <head> <meta

gocode+auto-complete搭建emacs的go语言自动补全功能

上篇随笔记录了在emacs中使用go-mode和goflymake搭建了go语言的简单编程环境(推送门),今天来记录一下使用gocode+auto-complete配置emacs中go语言的自动补全功能.先看一下效果图??,我的emacs配置可以参考myemacs-conf. 关于gocode gocode是nsf写的各种编辑器提供go语言自动补全功能的工具.参考github中的README.md对gocode进行一下安装. $ go get -u github.com/nsf/gocode 安

solr进阶七:与jQuery结合的自动补全功能

网上有大量的jQuery自动补全功能的插件,我实现这个功能是采用网友写好的纯jQuery代码,而不是采用插件,因为特效会差很多.而后台的数据是从solr那边获取过来,通过整理,放到对象中,再放到集合中,然后在servlet层解开,生成xml文件,返回到前台,形成自动提示补全的功能,流程非常简单,没有采用框架技术,只是用了JSP的servlet来做中间层而已. 目录结构如下: 1.先编写实体类src\com\lifeix\entity\Word.java package com.lifeix.en

Eclipse自动补全功能轻松设置 || 不需要修改编辑任何文件

本文介绍如何设置Eclipse代码自动补全功能.轻松实现输入任意字母均可出现代码补全提示框. Eclipse代码自动补全功能默认只包括 点"."  ,即只有输入”."后才出现自动补全的提示框.想要自动补全总是去按 “Alt + / ”也很麻烦. 其实只需简单在Eclipse中进行设置即可实现输入任意及符合自动出现自动补全提示框.    具体设置步骤如下: 选择Eclipse菜单条中的Windows菜单下的Preferences项 在左侧找到“Java” => “Edit

使用Redis实现中英文自动补全功能详解

1.Redis自动补全功能介绍: ? Redis可以帮我们实现很多种功能,今天这里着重介绍的是Redis的自动补全功能的实现.我们使用有序集合,并score都为0,这样就按元素值的字典序排序.然后我们可以根据排序号的字符,进行添加前缀和后缀的方式,找到我们想要的区间内容.下面介绍一个简单的Zset的排序内容和思路,以便后续的理解: 名称为redis_concat的Zset集合元素如下: 编号 数值 分值 1 a 0 2 ab 0 3 abcd 0 4 abef 0 5 hjk 0 6 dbfgl

c#TextBox输入框自动提示、自动完成、自动补全功能

功能概览 相关属性 TextBox.AutoCompleteCustomSource 属性 获取或设置当 TextBox.AutoCompleteSource 属性设置为 [CustomSource] 时要使用的自定义 T:System.Collections.Specialized.StringCollection. TextBox.AutoCompleteMode 属性 获取或设置一个选项,该选项控制自动完成应用于 TextBox 的方式. 属性值 类型:System.Windows.For