[Autocomplete] twitter bootstrap dropdown automatico / combobox con Knockoutjs


Answers

Funziona il datalist HTML5 di base? È pulito e non devi giocare con il disordinato codice di terze parti ... W3SCHOOL tutorial

Question

Ho un requisito in cui DEVO utilizzare il dropdown automatico di bootstrap, ma l'utente può avere testo libero in quel dropdown se lo desidera. Prima di pensare a TypeAhead, potrei usare la casella di testo Bootstrap TypeAhead, ma ho bisogno di avere il menu a tendina perché vogliamo dare alcuni valori di default come opzioni di avvio nel caso in cui gli utenti non sappiano cosa cercare.

Sto usando questo con MVC DropDownListFor in quanto ciò crea un controllo selezionato per noi.

Ho trovato questo articolo che lo fa per me.

https://github.com/danielfarrell/bootstrap-combobox/pull/20

Tutto quello che dovevo fare era togliere il nome dal controllo di selezione e il controllo mi permetteva di inserire testo libero. Tutto bene finora.

Ora, sto usando questo in congiunzione con Knockoutjs. Collego le mie opzioni e il valore selezionato al controllo di selezione e quindi sul rendering della riga del mio modello, ho chiamato (selettore). Combobo () che rende il controllo di selezione un combobo di bootstrap e aggiunge un controllo di input e nasconde il controllo di selezione nelle scene dietro a.

Il problema ora è quando tento di ottenere i valori da postare sul server, poiché il valore che ho inserito nella casella di input non è un'opzione valida dalle opzioni che ho dato per selezionare il controllo, è sempre impostato sulla prima opzione per impostazione predefinita. Questo è perché ho impostato il binding del valore selezionato sul controllo select e non sulla casella di input che è stata creata da bootstrap-combobox.js.

La mia domanda è come faccio a ottenere la casella di input per il data-bind allo stesso modo in cui è stato associato il controllo di selezione.

Altre opzioni ?? Fammi sapere se hai bisogno di ulteriori chiarimenti o domande. Si prega di suggerire.

Grazie.