JQuery Autocomplete source est une fonction

Je suis en utilisant JQuery UI autocomplete, pour les différents domaines. Pour obtenir les données que j'utilise une fonction comme la source. Il l'excellent travail!
Je me demandais si il y avait un moyen de ne pas utiliser le anonym fonction de la source, mais de déclarer un générique qui aura un paramètre pour rediriger vers la bonne URL.
Je suis assez nouveau en JS et JQuery et donc je n'ai aucune idée de ce que les paramètres de la requête et la réponse sont à venir de la anonym fonction.
Voici ce que je suis en train de faire:

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

Voici la fonction que j'aimerais appeler les

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 };
            }));
        }
    });
}

Merci beaucoup pour votre aide.

OriginalL'auteur LotuX | 2011-11-16

  1. 3

    Vous devez utiliser

    source: autoComplete

    au lieu de

    source: autocomplete()

    Encore une remarque. L'implémentation par défaut de jQuery UI Autocomplete utiliser uniquement value et label et ne pas utiliser id.

    ID est un champ par défaut, consultez l'exemple de code source: jqueryui.com/autocomplete/#remote
    Désolé, mais je suis en désaccord avec vous. La documentation ne décrit que deux normes de représentation de la réponse du serveur: tableau de chaînes de caractères et tableau d'éléments avec value et label propriétés. Si les éléments ont certaines autres propriétés personnalisées les propriétés de l'être que vous venez d'enregistrer, mais ne permettent en aucun cas par jQuery UI Autocomplete. Un devez remplacer _renderItem méthode par exemple d'utiliser les propriétés comme id lors du rendu ou de la sélection.
    Je corrige la position des mains - Oleg est correct.

    OriginalL'auteur Oleg

  2. 1

    Je vais donner un exemple d'une situation qui m'est arrivé, pourrait servir d'exemple:

    Situation: une fois que l'utilisateur sélectionne un mot-clé avec Jquery Autocomplete pas lui permettre d'être énumérés. Tenant compte du fait que la requête est exécutée, le même, c'est à dire la version non amendée chat. côté serveur.

    Le code ressemble à ceci:

    $( "#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: Ainsi, il est possible d'utiliser une fonction à l'intérieur de "source" et "select". =p

    OriginalL'auteur

  3. 0

    Reformatage ur question poser en tant que solution au problème .:)

     $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

    La demande et réponse objets sont attendus par jQuery UI . Le demande.terme donnera u le texte que l'utilisateur et les types de réponse méthode retourne le étiquette et valeur articles pour le widget de l'usine pour l'affichage de la suggestion de liste déroulante

    P. S : en supposant ur chaîne JSON contient un Prénom clé !

    OriginalL'auteur semuzaboi