jQuery UI Autocomplete: Sagen, dass Es Meine 'Label' und 'Value'

Gibt es eine Möglichkeit zu sagen, jQuery UI Autocomplete, die JSON-array-Indizes verwenden, wie das 'label' und 'value', wenn diese nicht den index-Namen, die verwendet werden in die JSON-array?

Den aray mit meiner lookup-Werte sieht wie folgt aus (angemeldet von Firebug):

[ Object { id="12", name="Don Davis" }, Object { id="17", name="Stan Smith" } ]

Ich will 'id' als das 'label' und 'name', als der 'Wert' aber kann nicht herausfinden, wie man die config-Objekt.

Mein array in einer lokalen Variablen-es gibt kein Ajax-Aufruf gemacht.

Diese Antwort eine weitere Frage löst das problem, indem Sie eine versteckte form input, aber es scheint wahrscheinlich, dass es eine bessere Möglichkeit des Umgangs mit diesen.

Yu tun können, was Sie wollen, wenn Sie eine Funktion verwenden, die als "Quelle" - parameter.

InformationsquelleAutor cantera | 2012-06-03

  1. 7

    Aus der Lektüre der Jquery UI docs können Sie versuchen, so etwas wie dieses:

    <script>
    $(function() {
var projects = [ { id: "12",value: "Don Davis" }, { id: "17", value:"Stan Smith" } ]

    $( "#project" ).autocomplete({
        minLength: 0,
        source: projects,
        focus: function( event, ui ) {
            $( "#project" ).val( ui.item.value);
            return false;
        },
        select: function( event, ui ) {
            $( "#project" ).val( ui.item.value);
            $( "#project-id" ).val( ui.item.id);

            return false;
        },
        search: function(event, ui) { console.log(event); console.log(ui) }
    })
    .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.value+"</a>" )
            .appendTo( ul );
    };
});​
    </script>
    Vielen Dank - docs-demo nutzt auch das versteckte Feld für " id " (wie in deinem #Projekt-id-Feldes), so dass ich denke, das ist die offiziell unterstützte Methode, es zu tun, andere als durch anpassen der JSON-array-Indizes direkt. Dieser Weg würde wahrscheinlich eine bessere Leistung. Nochmals vielen Dank.
    Beachten Sie, dass die, die in jquery-ui 1.11 (und möglicherweise früher), data("autocomplete") sollte data("uiAutocomplete")

    InformationsquelleAutor Jason Kulatunga

  2. -1

    Müssen Sie ein array zurückgeben, wie dieser: (Seite server PHP)

    for( ... ){
    $suggest = array('value'=>$value,'label'=>$label);
    }

    InformationsquelleAutor Federico Alemany

Schreibe einen Kommentar