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

2024-04-24 16:27:26

前台：

Html页面

<input id="clsydw" name="clsydw" class="easyui-combobox" data-options="" />

//自动补全功能
  $("#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 实现简单的自动补全功能示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

easyui combobox开启搜索自动完成功能的实例代码

combo.json [{ "id":-1, "text":" ", "spell":"" },{ "id":1, "text":"类型1", "spell":"lx1" },{ "id":2, "text":"类型2", "spell&q
easyui-combobox 实现简单的自动补全功能示例

前台: Html页面 <input id="clsydw" name="clsydw" class="easyui-combobox" data-options="" /> JS //自动补全功能 $("#clsydw").combobox({ valueField:'syr', textField:'syr', panelWidth:200, panelHeight:'auto', onCh
jquery实现邮箱自动补全功能示例分享

复制代码代码如下: (function($){ $.fn.autoMail = function(options){ var autoMail = $(this); var _value = ''; var _index = -1; var _width = autoMail.outerWidth(); var _height = autoMail.outerHeight();
jQuery实现邮箱下拉列表自动补全功能

记得,在上个项目中,遇到这样一个需求,网站要求填写邮箱的时候,还没有填写完,就会出现一系列下拉列表,帮助自动补全邮箱的功能.今天小编给给大家分享下我基于jquery是怎么实现此功能的! 功能简述 •填写邮箱名字,出现下拉列表,自动补全邮箱 •点击上下按键,选取下拉列表邮箱 •按回车键,选中列表内容,隐藏下拉列表 •鼠标经过,下拉列表选项设置为高亮 •鼠标点击,选中下拉列表选项,隐藏下拉列表 HTML HTML代码很简单,我们就一个简单的输入框,然后一个ul标签,在内部可以放好多li标签. <ht
JSP + ajax实现输入框自动补全功能实例代码

下面是我用ajax实现的输入框自动补全功能,数据库数据很少,大体模仿出了百度首页的提示功能,当然,人家百度的东西不只是这么简单的!先看运行效果: index.jsp(包含主要的js代码) 复制代码代码如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath();
Android实现登录邮箱的自动补全功能

本文实例为大家分享了Android登录邮箱自动补全功能的实现方法,供大家参考,具体内容如下效果: 实现原理: 1.继承重写简单控件AutoCompleteTextView 2.编写自定义数据适配器和布局文件,并实现文字变化监听器 3.通过组合方式,实现右侧的删除图标.并根据焦点和文字的变化,动态显示右侧删除图标. 1.通过继承自简单控件AutoCompleteTextView实现帐号自动补全关键代码: public class AutoComplete extends AutoComplet
eclipse自动提示和自动补全功能实现方法

解决代码的自动提示问题: 1.打开 Eclipse -> Window -> Perferences 2.找到Java 下的 Editor 下的 Content Assist , 右边出现的选项中,有一个Auto activation triggers for Java: 会看到只有一个"."存在.表示:只有输入"."之后才会有代码提示 3.先把上图中"."的地方输入几个随便的字符,例如"dsfd",点最下面的&q
asp.net+ajax+sqlserver自动补全功能实现解析

代码下载说明:数据库连接字符串在web.config文件中,为方便运行使用的是官方的Northwind数据库. 参考(向其作者致敬): ² http://www.loveweb8.com/plus/demo.php?aid=57这个例子是html源码.利用jquery.autocomplete插件利用js实现了自动补全功能.由于我的需要是结合sqlserver数据库表实现自动补全功能.就下来就是将数据库表转为js数组,自然而然就想到了ajax. ² Asp.NetAjax的两种基本开发模式这篇
Bootstrap3使用typeahead插件实现自动补全功能

很酷的一个自动补全插件 http://twitter.github.io/typeahead.js 在bootstrap中使用typeahead插件,完成自动补全相关的文档:https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md 数据源: Local:数组 prefectch:json remote等方式 -----------------------------------------------
基于jquery实现的自动补全功能

本文实例讲述了基于jquery实现的自动补全功能的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: $(function() { // 自动补全 var maxcount = 0;// 表示他最大的值 var thisCount =0;// 初始化他框的位置 $("body").prepend("<div style='width:120px; display:none; background:#FFFFFF; pos
jQuery实现Email邮箱地址自动补全功能代码

本文实例讲述了jQuery实现Email邮箱地址自动补全功能代码.分享给大家供大家参考,具体如下: jQuery Email邮箱地址自动补全代码,输入Email时,会自动加入@符号,在输入框中输入"qq"."Sina"."163"等等可以看到效果:鼠标经过提示Email时,高亮该条Email,鼠标点击Email时,文本框内容替换成该条Email,并删除提示层. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js

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

相关推荐

随机推荐