java swing 自动补全_jQuery.autocompleter 内容自动补全插件

jQuery自动完成插件autocompleter是一款简单的，容易的，可定制的自动完成功能插件，支持缓存。

使用方法：

添加引用

最低要求：jquery.autocompleter.css和jquery.autocompleter.min.js。

脚本：

样式：

定义你的autocompleter：$(function () {

$('input').autocompleter({ source: 'path/to/get_data_request' });

});

或用于本地JSON来源：var data = [

{ "value": "1", "label": "one" },

{ "value": "2", "label": "two" },

{ "value": "3", "label": "three" }

];

$(function () {

$('input').autocompleter({ source: data });

});

如果你不会在源对象定义了一个值，标签将被用作后选择在输入字段的默认值。

方法：

插件后更改选项的定义：$('#input').autocompleter('option', data);

例如：$('#input').autocompleter('option', {

limit: 5,

    template: ' {{ label }}'});

开放列表：$('#input').autocompleter('open');

关闭页面：$('#input').autocompleter('close');

摧毁插件：$('#input').autocompleter('destroy');

清除所有缓存：$.autocompleter('clearCache');

设置默认值：$.autocompleter('defaults', {customClass: 'myClassForAutocompleter'});

例如：Autocompleter第一名称输入缓存,匹配强调限制和5的结果。

形式：Male

Female

First Name

JavaScript：$(function () {

$("#firstname").autocompleter({

limit: 5,

cache: true,

combine: function () {

var gender = $("input:radio[name=gender]:checked").val();

return {

gender: gender

};

},

callback: function (value, index) {

console.log( "Value "+value+" are selected (with index "+index+")." );

}

});

});

主要结构：

• First

...        

Last