jquery tokeninput zapytania filtra wysłać dodatkowe parametry

Question

Jak mogę ustawić dodatkowe parametry do kwerendy jak

q=myseed&filter=1,2,34 

lepiej będzie z załączonym przypadku jak

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

Tu jest link do wtyczki - http://loopj.com/jquery-tokeninput/

Answer 1

Oprócz wejścia w rzeczywisty kod wtyczki i dodanie tej funkcji, jedynym innym sposobem, jaki widzę, jest zmiana kodu e queryParam do czegoś podobnego -

filter=1,2,34&q 

ten sposób Twój filtr jest po prostu dołączane do parametru zapytania rzeczywisty. Musiałby być mocno zakodowany i prawdopodobnie będziesz musiał reinicjalizować wtyczkę za każdym razem, gdy chcesz zmienić ten dodatkowy filtr.

Przykład -

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

Answer 2

inny sposób to zrobić, można użyć początkowego adresu URL do osiągnięcia tego celu.

coś takiego:

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

to będą przetwarzane zgodnie z oczekiwaniami

Answer 3

Oto jak można to zrobić, w poniższym przykładzie ja przechodząc dwa dodatkowe param do url tokenInput.

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

Source

Answer 4

wiem, że pytanie jest dość stary, ale miałem ten sam problem i znaleźć odpowiedź.

Patrząc na źródło, parametr url może być funkcją, która jest oceniana przed wysłaniem zapytania ajax. Więc można zrobić:

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

Answer 5

Jest to możliwe dzięki wtyczce ojczystym funkcjonalności (przynajmniej w obecnej wersji), to nie jest tylko napisane w dokumentacji: jest onSend callback w kodzie. Oto prosty przykład

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