JQuery-Autocomplete-source ist eine Funktion

Ich bin mit JQuery UI autocomplete, für verschiedene Felder. Die Daten habe ich mit Hilfe einer Funktion als Quelle. Es funktioniert großartig!
Ich Frage mich, ob gab es eine Möglichkeit, nicht mit der anonym-Funktion in der Quelle, aber die Deklaration einer generischen ein-parameter-Umleitung auf die richtige URL.
Ich bin Recht neu in JS und JQuery und so habe ich keine Ahnung, was die Parameter request und response kommen aus der anonym-Funktion.
Hier ist, was ich versuche zu tun:

    $ac.autocomplete({
        //Call the function here, but what are the parameter request and response???
        source: autocomplete(),
        minLength: 1
    });

Hier ist die Funktion würde ich mag, um den Anruf

function autoComplete(request, response, url) {
    $.ajax({
        url: '/Comp/'+url,
        dataType: "json",
        type: "POST",
        success: function (data) {
            response($.map(data, function(item) {
                return { label: item, value: item, id: item };
            }));
        }
    });
}

Vielen Dank für Eure Hilfe.

InformationsquelleAutor LotuX | 2011-11-16

  1. 3

    Sollten Sie verwenden

    source: autoComplete

    statt

    source: autocomplete()

    Noch eine Bemerkung. Die default-Implementierung von jQuery UI Autocomplete verwenden Sie nur value und label und nicht id.

    ID ist eine Standard-Feld finden Sie in der Beispiel-source-code hier: jqueryui.com/autocomplete/#remote
    Sorry, aber ich bin nicht einverstanden mit Ihnen. Dokumentation beschrieben, nur zwei standard-Darstellung der server-Antwort: array von strings und array von Elementen mit value und label Eigenschaften. Wenn die Elemente haben einige andere benutzerdefinierte Eigenschaften werden nur gespeichert, aber nicht in irgendeiner Weise durch jQuery UI-Autocomplete. Ein überschreiben der _renderItem - Methode zum Beispiel verwenden, die Eigenschaften wie id während der Wiedergabe oder der Auswahl.
    Ich stehe korrigiert - Oleg korrekt ist.

    InformationsquelleAutor Oleg

  2. 1

    Gebe ich ein Beispiel für eine situation, die mir passiert ist, könnte als Beispiel dienen:

    Situation: Nachdem der Benutzer einen Suchbegriff mit Jquery Autocomplete nicht zulassen, dass es aufgeführt werden. Unter Berücksichtigung, dass die Abfrage ausgeführt wird, die gleiche, dh die geänderten Kat. server-Seite.

    Den code sah so aus:

    $( "#keyword-search" ).autocomplete({
    minLength: 3 ,
    source: function( request , response ) {
        var param = { keyword_type: type , keyword_search: request.term } ;
        $.ajax({
            url: URI + 'search-to-json',
            data : param,
            dataType: "json",
            type: "GET",
            success: function (data) {
                response($.map(data, function( item ) {
                    /* At this point I call a function, I use to decide whether to add on the list to be selected by the user. */
                    if ( ! is_record_selected( item ) ) {
                        return item;
                    }
                }));
            }
        });
    } ,
    select: function( event , ui ) {
        /* Before you add, looking if there is any cell */
        /* If it exists, compare the id of each cell not to add an existing */
        if ( validate_new_keyword( ui ) ) {
            add_cell( ui ) ;
        }
    } ,
});

/* Any validation... */
function validate_new_keyword( ui ) {
    var keyword_id = $.trim(ui.item.id) ;
    Any condition...
    if (keyword_id > 0) {
        return true ;           
    }

    return false ;
}

/* This function checks if a keyword has not been selected by the user, it checks for the keyword_array. */
function is_record_selected( item ) {
    var index = jQuery.inArray( item.id , keyword_array ) ;
    return index == -1 ? false : true;
}

    Obs: So ist es möglich, eine Funktion innerhalb von "source" und "select". =p

    InformationsquelleAutor

  3. 0

    Neuformatierung ur Frage stellen wird als Lösung für das problem .:)

     $ac.autocomplete({
     minLength: 1 ,
     source: function(request, response, url){
                var searchParam  = request.term;

    $.ajax({
              url: '/Comp/'+url,
             data : searchParam,
             dataType: "json",
            type: "POST",
            success: function (data) {
                    response($.map(data, function(item) {
                    return { 
                        label: item.Firstname,
                        value: item.FirstName
                        };
                    });
                    }
            });//ajax ends 
            }
 }); //autocomplete ends

    Den Anfrage und Antwort Objekte zu erwarten sind, die von jQuery UI . Die Anfrage.Begriff geben u den text, den der Benutzer eingibt und die Antwort Methode zurück, die label und Wert Elemente der widget-factory für die Anzeige der Anregung dropdown -

    P. S : vorausgesetzt, ur JSON-string enthält einen Vorname Schlüssel !

    InformationsquelleAutor semuzaboi

Schreibe einen Kommentar