jquery tokeninput Filterabfrage zusätzliche Parameter senden

Question

Wie kann ich zusätzliche Parameter für die Abfrage wie

q=myseed&filter=1,2,34 

besser eingestellt werden wie

onFocus:function(){ 
    //retrieve extra params 
} 

hier mit einem beigefügten Veranstaltung ist ein Link zu dem Plugin - http://loopj.com/jquery-tokeninput/

Answer 1

Abgesehen davon, in den eigentlichen Plugin-Code und das Hinzufügen dieser Funktion die einzige andere Möglichkeit sehe ich dies tun, indem Sie th e queryParam zu so etwas wie -

filter=1,2,34&q 

Auf diese Weise Ihren Filter einfach auf die tatsächlichen Abfrageparameter angehängt wird. Es müsste hart codiert werden und Sie müssen das Plugin wahrscheinlich jedes Mal neu initialisieren, wenn Sie diesen zusätzlichen Filter ändern möchten.

Beispiel -

$("#selector").tokenInput("PATH_TO_SCRIPT", { 
    queryParam: "filter=1,2,34&q" 
}); 

Answer 2

anderer Weg, es zu tun, können Sie anfängliche URL verwenden, um dies zu erreichen.

so etwas wie:

$("#selector").tokenInput("PATH_TO_SCRIPT&filter=1,2,3", { 
    queryParam: "q" 
}); 

wird dieser als

Answer 3

Hier erwartet verarbeitet werden, wie Sie es tun könnte, im Beispiel unten Ich bin vorbei zwei zusätzliche param auf die URL tokenInput.

this.$("#abcTextbox").tokenInput("url?someParam1=cricket&someParam2=yasser", { 
    queryParam: "q" 
}); 

Source

Answer 4

weiß, dass ich diese Frage ist ziemlich alt, aber ich hatte das gleiche Problem und eine Antwort gefunden.

Mit Blick auf die Quelle kann der URL-Parameter eine Funktion sein, die vor dem Senden der Ajax-Abfrage ausgewertet wird. So können Sie tun:

this.$("#abcTextbox").tokenInput(function(){ 
    return "/path/to/script.php?filter="+$("#myFieldId").val() 
}, { 
    queryParam: "q" 
... 
}); 

Answer 5

Dies ist möglich durch den native Funktionalität des Plugins (zumindest mit der aktuellen Version), ist er gerade nicht in der Dokumentation geschrieben: Es onSend callback im Code ist. Hier einfaches Beispiel ist

$(".my-input").tokenInput('autocomplete.php', { 
    hintText: false, 
    onSend: function(param1) { 
     // console.log($(this)); 
     // console.log(param1); 
     param1.data.my_key = 'my_value'; 
    } 
});