/ / Wie man Daten lädt, wenn Wertänderung auf bootstrap typeahead - jquery, twitter-bootstrap, bootstrap-typeahead

Wie man Daten lädt, wenn Wertänderung auf Bootstrap typeahead - jquery, twitter-bootstrap, bootstrap-typeahead

Ich habe ein einfaches Element erstellt, das Daten anzeigtVerwenden eines Ajax-Aufrufs, wenn die ausgewählte Option geändert wird. Da es so viele Werte in select geben wird, entschied ich mich für Bootstrap TypeAhead. Er lädt Json-Daten von einem Controller / einer Aktion unter Verwendung eines Ajax-Aufrufs. und es funktioniert für die Liste der Zeichenfolge. Wie kann ich nächste Daten auf ausgewählten Wert laden? weil es keine ID mit diesen Daten gibt, oder wie kann ich ID des Wertes für typeahead behandeln.

Antworten:

0 für die Antwort № 1

Ich glaube, du erwartest Datenquelle = "[{ID: 123, Wert:" JavaScript "}, {ID: 124, Wert:" Java "}, {ID: 125:" PHP "}]"

Wenn Sie Javascript verwenden, erhalten Sie id = 123

Dies ist im Bootstrap-Typhead-Plugin nicht möglich.

Bootstrap typeahead Plugin akzeptiert Datenquelle als String Array / Funktion. Werte im Array werden als Dropdown-Liste dargestellt, und die Werte werden im Datenwertattribut festgelegt.

Ex. Datenquelle = "[" JavaScript "," Java "," PHP "]"

<ul class="typeahead dropdown-menu">
<li data-value="JavaScript" class="active"><a href="#">JavaScript</a></li>
<li data-value="Java" class="active"><a href="#">Java</a></li>
<li data-value="PHP" class="active"><a href="#">PHP</a></li>
</ul>

Sie können keine ID für die Liste festlegen.