нужна функция gmail, подобная функции - автозаполнение jquery для включения имен и адресов электронной почты - в поиске строк

Недавно я задал этот вопрос и получил отличное решение с использованием jquery для автозаполнения:

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

Решением было использовать этот синтаксис:

$("#suggest3").autocomplete(someArray, {
    multiple: true,
    mustMatch: true,
    autoFill: true

});

Теперь у меня есть автозаполнение в списке адресов электронной почты, и мне нужно сделать еще один шаг, чтобы сопоставить с gmail-подобными функциями, где я включаю как «настоящее» имя, так и адрес электронной почты в список, чтобы пользователи могли вводить либо имя, либо адрес электронной почты, и он найдет запись:

Таким образом, список будет выглядеть примерно так, и пользователь может выполнить поиск, набрав «Firs ...». или "emailAdd ..."

"First Last" <emailAddress>   
"First1 Las1t" <emailAddress1>   
"First2 Last2" <emailAddress2>

search jquery autocomplete
person leora    schedule 19.08.2009    source источник
comment
Мне нужна была аналогичная функциональность в C # /. NET ... см. Вопрос здесь: [stackoverflow.com/questions/1539799/   -  person greg7gkb    schedule 06.11.2009

Ответы (2)


arrow_upward
6
arrow_downward

Подождите ... Вы смотрели демонстрацию? Я думаю, что он уже делает именно это. Например, если я введу «for» или «jap» в поле электронной почты, появится тот же человек: Fornelia Marconi (с «jap», являющимся частью ее адреса электронной почты). Вот код, который позволяет это сделать.

$("#thickboxEmail").autocomplete(emails, {
    minChars: 0,
    width: 310,
    matchContains: true,
    highlightItem: false,
    formatItem: function(row, i, max, term) {
        return row.name.replace(new RegExp("(" + term + ")", "gi"), "<strong>$1</strong>") + "<br><span style='font-size: 80%;'>Email: &lt;" + row.to + "&gt;</span>";
    },
    formatResult: function(row) {
        return row.to;
    }
});

Массив пар имя-электронная почта выглядит так:

var emails = [
    { name: "Peter Pan", to: "[email protected]" },
    { name: "Molly", to: "[email protected]" }
];
person montrealist    schedule 19.08.2009

arrow_upward
3
arrow_downward

К вашему сведению, этот плагин "автозаполнения" больше не находится в разработке, согласно примечанию на веб-сайте:

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ < / а>

Плагин jQuery: Автозаполнение

Примечание (2010-06-23): этот плагин устарел и больше не разрабатывается. Его преемник является частью пользовательского интерфейса jQuery, и в этом руководстве по миграции объясняется, как перейти от этого плагина к новому. Эта страница останется в прежнем виде для справки, но больше не будет обновляться.

Так что, если вы хотите, вы можете использовать следующий сопоставимый пример из автозаполнения jQueryUI:

http://jqueryui.com/demos/autocomplete/#multiple-remote

Лично я предпочитаю jQuery Tools, а не jQueryUI /, но на данный момент они не предлагают плагин автозаполнения ... да ладно.

person zeroasterisk    schedule 21.07.2010