Eu tenho um requisito onde PRECISO usar o menu suspenso de preenchimento automático de bootstrap, MAS o usuário pode ter um texto de formato livre nesse menu suspenso, se desejar. Antes que você pense sobre TypeAhead, eu poderia usar a caixa de texto Bootstrap TypeAhead, mas preciso ter a lista suspensa porque queremos fornecer alguns valores padrão como opções de início, caso os usuários não saibam o que pesquisar.
Estou usando isso com MVC DropDownListFor, pois cria um controle de seleção para nós.
Eu encontrei este artigo que faz isso para mim.
https://github.com/danielfarrell/bootstrap-combobox/pull/20
Tudo que eu tive que fazer foi tirar o nome do controle de seleção e o controle me deixou inserir texto de forma livre. Tudo bem até agora.
Agora, estou usando isso em conjunto com Knockoutjs. Eu vinculo minhas opções e valor selecionado ao controle de seleção e, em seguida, na linha renderizada de meu modelo, chamo (seletor) .combobox () que torna o controle de seleção um comobobox de bootstrap e adiciona um controle de entrada e oculta o controle de seleção nas cenas atrás.
O problema agora é quando tento obter os valores para postar no servidor, uma vez que o valor que coloquei na caixa de entrada não é uma opção válida das opções que dei para selecionar o controle, está sempre configurando-o para a primeira opção por padrão. Isso porque, eu defini a vinculação do valor selecionado no controle de seleção e não na caixa de entrada que foi criada por bootstrap-combobox.js.
Minha pergunta é como faço para que a caixa de entrada faça a vinculação de dados à mesma propriedade que o controle de seleção foi vinculado.
Quaisquer outras opções ?? Entre em contato se precisar de mais esclarecimentos ou tiver dúvidas. Por favor sugira.
Obrigado.