it-swarm.com.ru

Плагин автозаполнения JQuery в стиле Facebook

Я хочу, чтобы плагин выполнял автозаполнение, как это делает Facebook, в котором вы можете выбрать несколько элементов - подобно тому, как работает тегирование вопроса stackoverflow.

Вот пара, с которой я столкнулся:

Вы пробовали что-нибудь из этого? Их было легко внедрить и настроить?

78
Luke Lowrey

https://github.com/loopj/jquery-tokeninput

Я только что попробовал это, и это было действительно легко реализовать, используя страницу asp.net для вывода JSON (из параметров поиска). Затем для его создания нужно всего несколько строк Javascript (и настройки).

$(document).ready(function() {
        $("#Users").tokenInput("../Services/Job/UnassignedUsers.aspx?p=<%= projectID %>&j=<%= jobID %>", {
        hintText: "Begin typing the user name of the person you wish to assign.",
        noResultsText: "No results",
        searchingText: "Searching..."
    });
});
84
dkarzon

Это очень хорошо! https://github.com/wuyuntao/jquery-autosuggest/

Как это использовать

Очевидно, вам нужно убедиться, что на вашей странице уже установлена ​​последняя библиотека jQuery (по крайней мере 1.3). После этого это действительно просто, просто добавьте следующий код на свою страницу (убедитесь, что обернули свой код в функцию готовности jQuery):

$(function(){
    $("input[type=text]").autoSuggest(data);
});

Приведенная выше строка кода будет применять автозаполнение ко всем элементам типа текста input на странице. Каждый из них будет использовать один и тот же набор данных. Если вы хотите иметь несколько полей автозаполнения на своей странице, которые используют разные наборы данных, убедитесь, что вы выбрали их отдельно. Как это:

$(function(){
    $("div.someClass input").autoSuggest(data);
    $("#someID input").autoSuggest(other_data);
});

Выполнение вышеизложенного позволит вам передавать разные параметры и разные наборы данных. Ниже приведен пример использования AutoSuggest с объектом данных и другими различными параметрами:

var data = {items: [
    {value: "21", name: "Mick Jagger"},
    {value: "43", name: "Johnny Storm"},
    {value: "46", name: "Richard Hatch"},
    {value: "54", name: "Kelly Slater"},
    {value: "55", name: "Rudy Hamilton"},
    {value: "79", name: "Michael Jordan"}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});
28
webcgo
22
philfreo

если вы ищете пользовательские функции, такие как fb и tw, это хороший плагин http://podio.github.io/jquery-mentions-input/

4
vikas devde

Это оригинальный плагин автозаполнения JQuery до его интеграции в JQueryUI. Если вы хотите обслуживать только JQuery, но не всю библиотеку JQueryUI, используйте эту. Я использовал этот в прошлом и был счастлив с ним.

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete /

3
James Lawruk

Я нашел это. Кажется крепким, ухоженным и отзывчивым.

http://ivaynberg.github.io/select2/

1
subeebot

Я был весьма впечатлен автозаполнением devbridge . Высоко настраиваемый

0
andy boot