Wie zu verwenden die jQuery-formatItem, formatMatch, und formatResult Optionen für .AutoVervollständigen?

Bin ich die Nutzung von jQuery .autocomplete-plugin, und ich würde mich freuen, etwas Unterstützung zu geben, die dann die Ergebnisse, die zeigen, bis in der dropdown-Menü, das füllt, wenn text in das Eingabefeld ein.

Um die Daten zum Auffüllen der AutoVervollständigen -, ziehe ich aus mySQL mit diesem PHP:

 $sql = ( 'SELECT tag, title, author, content, id FROM labels' );
 $result = mysql_query( $sql );
 $Response = array();
 while( $row = mysql_fetch_object( $result ) ){
 $Response[] = array(
                           "id" => $row->id,
                           "name" => $row->tag . ": " . $row->title . ": " . $row->content .""
                         );
 }

Wenn ein Benutzer die option wählt, aus der AutoVervollständigen für Sie am besten ist, ich rechne den "Namen" oben in die "id" mit dieser Methode:
var AllTagData = ;
var Tags = [];

  for(var i in AllTagData){
     Tags.push(AllTagData[i].name);
  }

  function getIdFromTag(_name){
      for(var i in AllTagData){
          if(_name == AllTagData[i].name){
              return AllTagData[i].id;
          }
      }
  }

So weit, So gut. Schließlich verwende ich das jQuery autocomplete-plugin für die Ausgabe der Daten für den Benutzer:

$(document).ready(function(){
     $("#Responses").autocomplete({
         source: Tags,
         matchContains: true,
         autoFill: true,
         select: function(e, ui){
             $("#hidden_tags").val( getIdFromTags($("#Responses").val()) );
          }});
 });

Dieser Letzte Teil des Codes ist, wo ich brauche Hilfe die Umsetzung der formatItem, formatMatch, und formatResult Optionen.

Aus der PHP, die oben gegeben werden, habe ich die Ausgabe-Tags, Titel-und-Inhalt alle in der "name". Die Art und Weise, die ich möchte zu formatieren, meine AutoVervollständigen-Optionen, die für den Benutzer ist

  • Show-Tag & Title
  • Ausblenden Von Inhalten
  • Suche durch Tags, Titel und Inhalte auf mögliche übereinstimmungen

Daher, obwohl ich will, dass die autocomplete-Suche Inhalt, ich will nicht die Inhalte zeigen sich in den besiedelten AutoVervollständigen-Liste. Ich will nur die Tags und Titel zu zeigen.

Habe ich eine Menge ärger mit diesem und gesucht haben, Recht ausführlich eine Antwort zu finden, und würde wirklich zu schätzen jede Hilfe, die Sie geben können, wie Sie dies bewerkstelligen. Bitte Fragen Sie einen follow-up-Fragen, wenn Sie weitere Erklärungen benötigen.
Danke!

InformationsquelleAutor T.S. | 2010-11-19
Schreibe einen Kommentar