autocomplete - password - bootstrap tags input ejemplos
Lista desplegable de autocompletar de Twitter bootstrap con Knockoutjs (6)
¿Funciona el datalist básico HTML5? Está limpio y no tienes que jugar con el desordenado código de terceros ... W3SCHOOL tutorial
Tengo un requisito donde TENGO que usar el menú desplegable autocompletar de arranque, PERO el usuario puede tener texto de forma libre en ese menú desplegable si así lo desea. Antes de pensar en TypeAhead, podría usar el cuadro de texto de Bootstrap TypeAhead, pero necesito tener el menú desplegable porque quiero 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 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 dejaba ingresar texto de forma libre. Todo bien hasta ahora.
Ahora, estoy usando esto junto con Knockoutjs. Ato las opciones y el valor seleccionado al control de selección y luego a la fila renderizada de mi plantilla, llamé (selector) .combobox (), lo que hace que el control de selección sea un bootsboot comobobox y agrega un control de entrada y oculta el control de selección en las escenas detrás.
El problema ahora es cuando intento que los valores se publiquen en el servidor, ya que el valor que coloqué en el cuadro de entrada no es una opción válida de las opciones que proporcioné para seleccionar el control, siempre lo establece en la primera opción de manera predeterminada. Esto se debe a que establecí 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 puedo obtener el cuadro de entrada para vincular datos a la misma propiedad que el control de selección estaba obligado a.
¿Alguna otra opción? Avíseme si necesita más aclaraciones o si tiene preguntas. Por favor recomiende.
Gracias.
¿Puedo sugerir http://www.jqueryscript.net/form/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest.html , funciona más como la sugerencia de Twitter donde te da una lista de usuarios o temas basados en etiquetas @ o #,
ver demostración aquí: http://www.jqueryscript.net/demo/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest/
en este puedes cambiar fácilmente el @ y el # a cualquier cosa que quieras
Bootstrap Tokenfield también parece bueno: http://sliptree.github.io/bootstrap-tokenfield/
Echa un vistazo a Select2 para Bootstrap . Debería poder hacer todo lo que necesites.
Otra buena opción es Selectize.js . Se siente un poco más nativo de Bootstrap.
Select2 para el complemento nativo de Bootstrap 3
https://fk.github.io/select2-bootstrap-css/index.html
este complemento usa el plugin select2 jquery
nuget
PM> Install-Package Select2-Bootstrap
Combobox Fuel UX tiene todas las características que cabría esperar.