Użytkownik powinien wybrać hosty po wybraniu niektórych grup. Zbudowałem połączenie łańcuchowe z JQuery chained remote Plugin do wybierania hostów za pośrednictwem grup. Poniższy kod jest używany i działa bez zarzutu:JQuery wybierz wiele po łańcuchach wybierz
$('#hosts').remoteChained({
parents: "#hosts_group",
url: "ajax/getHosts"
});
<select id="hosts_group" name="hosts_group" class="form-control">
<option value="">Bitte Gruppe selektieren</option>
<option value="1>Some Groups</option>
</select>
<select id="hosts" name="hosts"></select>
Ale efekt końcowy powinien zapewnić duallistbox dla gospodarzy, w którym użytkownik może wybrać hosty z każdej grupy. Próbowałem dodając tag do wielu gospodarzy wybranych i dodanie JQuery DuallistBox poprzez następującym fragmencie:
$('#hosts').remoteChained({
parents: "#hosts_group",
url: "ajax/getHosts"
}).DualListBox({json: false});
Skrzynka duallist wyświetlany jest w porządku, ale nie ma gospodarze są wyświetlane po zaznaczeniu grupy.
JSON danych wygląda następująco:
[
{'name': 'host1', 'id': '1'},
{'name': 'host2', 'id': '2'}
]
Przy wyborze inną grupę, JSON zawiera również różnych gospodarzy. Powiązana wtyczka select żąda danych za pośrednictwem następującego żądania: ajax/getHosts /? Hosts_group = selectedId
Wystarczy użyć wybierania łańcuchowego z normalnym wyborem wielokrotnym. Problem polega na wyświetlaniu danych json, które różnią się dla każdego zaznaczenia w polu duallist.
Próbowałem zbudować przykład JsFiddle, ale nie działa, ponieważ biblioteka zewnętrzna nie zostanie załadowana i nie bardzo rozumiem, jak mogę ręcznie dostarczyć json za pomocą różnych wyborów.
nie wiem, ale wydaje się, że początkowy backslash brakuje w adresie URL „/ ajax/getHosts” –
Ta część jest prawidłowa, podczas dodawania ajax/getHosts do aktualnej zawartości Otrzymuję danych JSON. Przy zwykłym wyborze dane są wyświetlane poprawnie. Po prostu nie wyświetla danych w pudle duallist. –
udostępnij odpowiedź JSON, którą otrzymujesz z serwera. Byłoby bardzo pomocne, gdybyśmy razem z kodem stworzyli skrzynkę http://jsfiddle.net. –