- 浏览: 32422 次
- 性别:
- 来自: 沈阳
最新评论
关于自动完成的前台代码。 附件为JS引用
$(document).ready(function() {
$("#FSitenameBasestation").autocomplete("fault_auto.do",
{
minChars: 1,
max:30,
width: 220,
matchContains: true,
dataType:'json',
autoFill: false,
matchSubset:true,
extraParams: {
siteinfo: function()
{
return encodeURI($("#FSitenameBasestation").val());
}
},
parse: function(data){
var rows = [];
for(var i=0; i<data.length; i++){
rows[rows.length] = {data:data[i].siteName + "(" + data[i].siteUrban + ")",value:data[i].siteName + "(" + data[i].siteUrban + ")",result:data[i].siteName};
}
return rows;
},
formatItem:function(item){
return item;
}
})
//完成后的业务
.result(function(event,data,formatted){
});
});
action
private List<Map<String,String>> siteInfoList;
/**
* 自动完成
* @return
* @throws UnsupportedEncodingException
*/
public String auto() throws Exception{
String siteInfo = java.net.URLDecoder.decode(this.siteinfo,"UTF-8");
Map<String,List<TSiteBmsVO>> map=new HashMap<String, List<TSiteBmsVO>>();
TSiteBmsVO siteVo = new TSiteBmsVO();
siteVo.setFSitenameBasestation(siteInfo);
List<TSiteBmsVO> siteList = tFaultsentlistService.querySiteName(siteVo);
Iterator<TSiteBmsVO> siteListIte = siteList.iterator();
siteInfoList=new LinkedList<Map<String,String>>();
while(siteListIte.hasNext()){
Map<String,String> siteMap=new HashMap<String,String>();
TSiteBmsVO tempVo = siteListIte.next();
siteMap.put("siteId", tempVo.getFIdBasestation());
siteMap.put("siteUrban", tempVo.getFUrbanBasestation());
siteMap.put("siteName", tempVo.getFSitenameBasestation());
siteInfoList.add(siteMap);
}
return "auto";
}
XML
<result name="auto" type="json">
<param name="root">siteInfoList</param>
</result>
$(document).ready(function() {
$("#FSitenameBasestation").autocomplete("fault_auto.do",
{
minChars: 1,
max:30,
width: 220,
matchContains: true,
dataType:'json',
autoFill: false,
matchSubset:true,
extraParams: {
siteinfo: function()
{
return encodeURI($("#FSitenameBasestation").val());
}
},
parse: function(data){
var rows = [];
for(var i=0; i<data.length; i++){
rows[rows.length] = {data:data[i].siteName + "(" + data[i].siteUrban + ")",value:data[i].siteName + "(" + data[i].siteUrban + ")",result:data[i].siteName};
}
return rows;
},
formatItem:function(item){
return item;
}
})
//完成后的业务
.result(function(event,data,formatted){
});
});
action
private List<Map<String,String>> siteInfoList;
/**
* 自动完成
* @return
* @throws UnsupportedEncodingException
*/
public String auto() throws Exception{
String siteInfo = java.net.URLDecoder.decode(this.siteinfo,"UTF-8");
Map<String,List<TSiteBmsVO>> map=new HashMap<String, List<TSiteBmsVO>>();
TSiteBmsVO siteVo = new TSiteBmsVO();
siteVo.setFSitenameBasestation(siteInfo);
List<TSiteBmsVO> siteList = tFaultsentlistService.querySiteName(siteVo);
Iterator<TSiteBmsVO> siteListIte = siteList.iterator();
siteInfoList=new LinkedList<Map<String,String>>();
while(siteListIte.hasNext()){
Map<String,String> siteMap=new HashMap<String,String>();
TSiteBmsVO tempVo = siteListIte.next();
siteMap.put("siteId", tempVo.getFIdBasestation());
siteMap.put("siteUrban", tempVo.getFUrbanBasestation());
siteMap.put("siteName", tempVo.getFSitenameBasestation());
siteInfoList.add(siteMap);
}
return "auto";
}
XML
<result name="auto" type="json">
<param name="root">siteInfoList</param>
</result>
- autocomplete.rar (96.3 KB)
- 下载次数: 1
发表评论
-
百度地图和ztree开发电子围栏功能
2016-09-29 09:27 4806jsp <%@ page language=" ... -
Oracle11g Enterprise Manager配置失败
2014-04-29 11:20 2564Win7先安装oracle 11g时,安装检测到系统的主 IP ... -
java弹窗导入导出文件
2014-03-24 11:42 1524package com.action.frame; impo ... -
jsp访问上级窗口元素
2014-04-29 11:22 439opener.document.getElementById( ... -
页面关闭IE触发事件方法
2013-09-30 09:56 585function window.onbeforeunload( ... -
页面右下角消息提示
2013-09-29 14:05 496<%@ page language="java ... -
oracle 日期列表
2013-09-29 12:52 521获取某个时间段之间的月份列表(示例返回2009-03到2010 ... -
倒计时
2013-09-24 10:01 353//提交 function doSubmit(){ ... -
oracle11G 最新驱动包
2013-09-24 10:00 698oracle11G 最新驱动包 解决与Spring冲突问题 ... -
获取第几天后的日期
2013-09-16 09:23 587Calendar cal = Calendar.getInst ... -
web工程下获取properties文件
2013-09-16 09:19 560String propertiesPath = getClas ... -
javamail
2013-09-16 09:15 558final SendMail sendmail = new S ... -
java根据年和周获取当前的日期时间段
2013-09-16 09:10 1294String[] dates = new String[7]; ... -
JSP判断日期间隔天数
2013-07-15 11:14 629var temp_field1 = $("#temp ... -
dtree不选中子节点处理
2013-05-17 10:35 1301//dtree.js 208行(chks[i].checked ... -
IE8下JS插入表格
2013-05-17 10:25 679//IE8下使用JS插入JSP表格 var tbl = do ... -
JSP选项卡显示
2013-05-17 10:22 2019<%@ page language="java ... -
JSP样式实例
2013-05-10 15:59 671<%@ page contentType="t ... -
Oracle表空间和用户创建赋权限
2013-05-10 15:54 667--RLDM CREATE TABLESPACE RLDM D ... -
hibernate oracle 主键递增
2013-05-10 15:47 483<?xml version="1.0" ...
相关推荐
jQuery UI库提供了`autocomplete`插件,使得开发人员能够轻松地在网页表单输入框中实现自动完成功能,极大地提高了用户体验。 首先,`jQuery UI Autocomplete`是jQuery UI库的一部分,它允许用户在输入框中输入文字...
通过阅读和理解给定的文件内容,开发者可以了解到如何使用jQuery Autocomplete自动完成插件,并能够根据项目需求进行适当配置和优化,从而在实际项目中应用这项技术,为用户提供更加便捷的输入体验。
在IT领域,自动完成下拉框(通常称为AutoComplete或Autosuggest)是一种常见的用户界面功能,用于提高输入效率和用户体验。它会在用户输入文本时提供可能的匹配项,通常是基于之前输入的历史记录、数据库查询结果或...
**autocomplete自动完成技术详解** 在IT领域,"autocomplete"(自动完成)是一项广泛应用于各种输入框和搜索栏的功能,旨在提高用户输入效率和用户体验。它通过预测并显示可能的匹配项,帮助用户快速找到并选择目标...
然而,有时我们希望它能具备更智能的功能,如自动完成(Autocomplete)或智能输入(IntelliSense),这在编写代码编辑器、搜索框或数据输入界面时非常有用。本文将深入探讨如何在C# WinForm应用中实现`RichTextBox`...
$("#"+txtBelongProvince).autocomplete(data,{ minChars: 0, max:data.length, matchCase:false,//不区分大小写 multiple: true, //允许多选 multipleSeparator:';',//多选分隔符 formatItem: function(row, ...
- **create**:当自动补全实例创建完成后触发的事件。 - **custom events**:可以通过自定义事件扩展功能,如`autocompleteselect`。 ### 实现方式 1. **静态数据**:可以直接使用数组作为数据源,如`source: [...
在IT领域,自动完成(autoComplete)是一种常见且实用的功能,尤其在用户界面设计中,它极大地提高了用户体验和效率。这个功能通常应用于搜索框、表单输入和其他需要用户输入文字的场景,它能够根据用户键入的内容...
jQuery Autocomplete 是一个非常流行的前端开发插件,它为输入框提供了自动完成的功能,极大地提升了用户在网页上的交互体验。这个插件基于JavaScript库jQuery构建,允许开发者轻松地创建搜索建议、动态填充表单等...
- 表单填充:在注册或编辑表单时,自动完成地址、城市或国家等字段。 - 数据筛选:在数据列表中,通过输入关键词快速定位和过滤条目。 ### 注意事项 - 考虑性能:对于大数据量的搜索,优化数据源的加载和匹配算法...
在本文中,我们将深入探讨如何使用Bootstrap插件来实现autocomplete自动完成功能,这对于构建高效、用户友好的Web表单至关重要。Bootstrap的autocomplete功能是基于其自带的typeahead控件进行扩展和改造,以适应处理...
《jQuery UI AutoComplete 自动完成功能详解》 jQuery UI 的 AutoComplete 是一个强大的插件,它为输入框提供了自动补全的功能,适用于各种需要实时搜索建议的场景,如搜索引擎、表单填充等。本篇文章将深入探讨...
本文实例讲述了Vue Autocomplete 自动完成功能。分享给大家供大家参考,具体如下: 页面 : 用闭包的方式,index表示第几个组件 fetch-suggestions=querySearchAsync placeholder=请输入内容 select=((item)>{...
在本文中,我们将探讨如何快速实现一个简单的AutoComplete(自动完成)功能,类似于谷歌搜索框中的体验。这个功能主要依赖于JavaScript、XMLHttpRequest以及后台的数据交互。以下是对关键知识点的详细说明: 1. **...
在这份文件中,作者介绍了一个简单的JavaScript实现的自动完成功能(Autocomplete)的例子,这一功能可以帮助用户在输入时自动提供输入建议。接下来,我们将深入探讨这个例子中涉及到的关键知识点。 1. JavaScript...
jQuery autocomplete是一种JavaScript插件,它可以为输入框提供自动补全的功能。当我们输入一些字符时,它会自动从数据库或者其他的数据源中寻找匹配的条目,并且将这些条目以列表的形式显示出来供用户选择。这种...
《jQuery Autocomplete自动完成功能详解及实战演示》 在网页开发中,为了提高用户体验,我们经常需要实现一种叫做“自动完成”(Autocomplete)的功能,它可以在用户输入时提供匹配的建议,帮助用户快速找到他们想...