`
xiyuliuguang
  • 浏览: 32422 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

autocomplete(自动完成)

阅读更多
关于自动完成的前台代码。 附件为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>
分享到:
评论

相关推荐

    JQ多个autocomplete 自动完成 实例

    jQuery UI库提供了`autocomplete`插件,使得开发人员能够轻松地在网页表单输入框中实现自动完成功能,极大地提高了用户体验。 首先,`jQuery UI Autocomplete`是jQuery UI库的一部分,它允许用户在输入框中输入文字...

    jQuery Autocomplete自动完成插件

    通过阅读和理解给定的文件内容,开发者可以了解到如何使用jQuery Autocomplete自动完成插件,并能够根据项目需求进行适当配置和优化,从而在实际项目中应用这项技术,为用户提供更加便捷的输入体验。

    转:autoComplete 自动完成下拉框

    在IT领域,自动完成下拉框(通常称为AutoComplete或Autosuggest)是一种常见的用户界面功能,用于提高输入效率和用户体验。它会在用户输入文本时提供可能的匹配项,通常是基于之前输入的历史记录、数据库查询结果或...

    autocomplete自动完成

    **autocomplete自动完成技术详解** 在IT领域,"autocomplete"(自动完成)是一项广泛应用于各种输入框和搜索栏的功能,旨在提高用户输入效率和用户体验。它通过预测并显示可能的匹配项,帮助用户快速找到并选择目标...

    RichTextBox Autocomplete 自动完成 智能输入

    然而,有时我们希望它能具备更智能的功能,如自动完成(Autocomplete)或智能输入(IntelliSense),这在编写代码编辑器、搜索框或数据输入界面时非常有用。本文将深入探讨如何在C# WinForm应用中实现`RichTextBox`...

    jquery.autocomplete自动完成实例

    $("#"+txtBelongProvince).autocomplete(data,{ minChars: 0, max:data.length, matchCase:false,//不区分大小写 multiple: true, //允许多选 multipleSeparator:';',//多选分隔符 formatItem: function(row, ...

    jquery autocomplete 自动完成 插件

    - **create**:当自动补全实例创建完成后触发的事件。 - **custom events**:可以通过自定义事件扩展功能,如`autocompleteselect`。 ### 实现方式 1. **静态数据**:可以直接使用数组作为数据源,如`source: [...

    autoComplete 自动完成,

    在IT领域,自动完成(autoComplete)是一种常见且实用的功能,尤其在用户界面设计中,它极大地提高了用户体验和效率。这个功能通常应用于搜索框、表单输入和其他需要用户输入文字的场景,它能够根据用户键入的内容...

    jquery-autocomplete 自动完成

    jQuery Autocomplete 是一个非常流行的前端开发插件,它为输入框提供了自动完成的功能,极大地提升了用户在网页上的交互体验。这个插件基于JavaScript库jQuery构建,允许开发者轻松地创建搜索建议、动态填充表单等...

    juery Autocomplete自动完成

    - 表单填充:在注册或编辑表单时,自动完成地址、城市或国家等字段。 - 数据筛选:在数据列表中,通过输入关键词快速定位和过滤条目。 ### 注意事项 - 考虑性能:对于大数据量的搜索,优化数据源的加载和匹配算法...

    基于bootstrap插件实现autocomplete自动完成表单

    在本文中,我们将深入探讨如何使用Bootstrap插件来实现autocomplete自动完成功能,这对于构建高效、用户友好的Web表单至关重要。Bootstrap的autocomplete功能是基于其自带的typeahead控件进行扩展和改造,以适应处理...

    jQuery UI AutoComplete 自动完成使用小记

    《jQuery UI AutoComplete 自动完成功能详解》 jQuery UI 的 AutoComplete 是一个强大的插件,它为输入框提供了自动补全的功能,适用于各种需要实时搜索建议的场景,如搜索引擎、表单填充等。本篇文章将深入探讨...

    Vue Autocomplete 自动完成功能简单示例

    本文实例讲述了Vue Autocomplete 自动完成功能。分享给大家供大家参考,具体如下: 页面 : 用闭包的方式,index表示第几个组件 fetch-suggestions=querySearchAsync placeholder=请输入内容 select=((item)&gt;{...

    十分钟打造AutoComplete自动完成效果代码

    在本文中,我们将探讨如何快速实现一个简单的AutoComplete(自动完成)功能,类似于谷歌搜索框中的体验。这个功能主要依赖于JavaScript、XMLHttpRequest以及后台的数据交互。以下是对关键知识点的详细说明: 1. **...

    JS实现的一个简单的Autocomplete自动完成例子

    在这份文件中,作者介绍了一个简单的JavaScript实现的自动完成功能(Autocomplete)的例子,这一功能可以帮助用户在输入时自动提供输入建议。接下来,我们将深入探讨这个例子中涉及到的关键知识点。 1. JavaScript...

    jQuery 插件autocomplete自动完成应用(自动补全)(asp.net后台)

    jQuery autocomplete是一种JavaScript插件,它可以为输入框提供自动补全的功能。当我们输入一些字符时,它会自动从数据库或者其他的数据源中寻找匹配的条目,并且将这些条目以列表的形式显示出来供用户选择。这种...

    autocomplete-demo.zip

    《jQuery Autocomplete自动完成功能详解及实战演示》 在网页开发中,为了提高用户体验,我们经常需要实现一种叫做“自动完成”(Autocomplete)的功能,它可以在用户输入时提供匹配的建议,帮助用户快速找到他们想...

Global site tag (gtag.js) - Google Analytics