musi gmail jak functionailty - jquery autouzupełniania zawierać nazwiska i adresy e-mail - w ciąg szukających

Question

ja niedawno zadał to pytanie i wrócił doskonałe rozwiązanie przy użyciu jQuery dla autouzupełniania:

Need a good way for user to select "To" for email sending

Roztwór do korzystania ta składnia:

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

});

Mam autouzupełnianie na liście adresów e-mail i muszę zrobić krok dalej, aby odwzorować funkcjonalność Gmaila, w której umieszczam zarówno "prawdziwą" nazwę i adres e-mail na liście, aby użytkownicy mogli wpisać: nazwisko lub adres e-mail, a znajdzie się tam:

Lista powinna wyglądać podobnie, a użytkownik może wyszukiwać, wpisując "Jodły." lub "emailAdd ..."

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

Answer 1

Zaczekaj sekundę. Czy spojrzałeś na the demo? Myślę, że już to robi. Na przykład, jeśli wpiszesz "for" lub "jap" w polu e-mail, pojawi się ta sama osoba: Fornelia Marconi (z "jap" będącym częścią jej adresu e-mail). Oto kod, który to umożliwia.

$("#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; 
    } 
}); 

Tablica par nazwa-e-mail wygląda następująco:

var emails = [ 
    { name: "Peter Pan", to: "peter@pan.de" }, 
    { name: "Molly", to: "molly@yahoo.com" } 
]; 

Answer 2

FYI, Wtyczka "Autouzupełnianie" nie jest już w fazie rozwoju, za notatki na webiste:

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

jQuery plugin: autouzupełnianie

Uwaga (2010-06-23): Ta wtyczka jest przestarzała i już nie jest rozwijana. Jego następca jest częścią jQuery UI, , a ten przewodnik migracji wyjaśnia, w jaki sposób uzyskać dostęp do tej wtyczki do nowej wersji . Ta strona pozostanie niezmieniona jako w celach informacyjnych, ale nie będzie już aktualizowana .

Więc jeśli chcesz, możesz kliknąć na poniższy przykład porównywalny z autouzupełniania jQueryUI:

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

ja osobiście wolę jQuery Narzędzia do jQueryUI/ale nie oferują wtyczki autouzupełniania w ten punkt ... no cóż.