Tengo un requisito en el que TENGO que usar el menú desplegable de autocompletado de bootstrap, PERO el usuario puede tener texto de forma libre en ese menú desplegable si lo desea. Antes de pensar en TypeAhead, podría usar el cuadro de texto Bootstrap TypeAhead, pero necesito tener el menú desplegable porque queremos dar algunos valores predeterminados como opciones de inicio en caso de que los usuarios no sepan qué buscar.
Estoy usando esto con MVC DropDownListFor ya que eso crea un control de selección para nosotros.
Encontré este artículo que hace eso por mí.
https://github.com/danielfarrell/bootstrap-combobox/pull/20
Todo lo que tenía que hacer era quitar el nombre del control de selección y el control me permitía ingresar texto de forma libre. Todo bien hasta ahora.
Ahora, estoy usando esto junto con Knockoutjs. Ato mis opciones y valor seleccionado al control de selección y luego, en la fila renderizada de mi plantilla, llamé (selector) .combobox () que hace que el control de selección sea un comobobox de arranque y agrega un control de entrada y oculta el control de selección en las escenas detrás.
El problema ahora es cuando trato de que los valores se publiquen en el servidor, ya que el valor que puse en el cuadro de entrada no es una opción válida de las opciones que di para seleccionar el control, siempre lo establece en la primera opción por defecto. Esto se debe a que configuré el enlace del valor seleccionado en el control de selección y no en el cuadro de entrada que fue creado por bootstrap-combobox.js.
Mi pregunta es cómo consigo que el cuadro de entrada se vincule a la misma propiedad a la que estaba vinculado el control de selección.
¿Alguna otra opción? Avíseme si necesita más aclaraciones o si tiene preguntas. Por favor recomiende.
Gracias.