twitter bootstrap auto-complétion dropdown / combobox avec Knockoutjs

J’ai un besoin où je dois utiliser la liste déroulante de saisie semi-automatique du démarrage, MAIS l’utilisateur peut avoir du texte libre dans cette liste s’il le souhaite. Avant de penser à TypeAhead, je pourrais utiliser la zone de texte Bootstrap TypeAhead, mais je dois avoir la liste déroulante car nous voulons donner des valeurs par défaut en tant qu’options de démarrage au cas où les utilisateurs ne sauraient pas quoi chercher.

Je l’utilise avec MVC DropDownListFor car cela crée un contrôle de sélection pour nous.

J’ai trouvé cet article qui fait ça pour moi.

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

Tout ce que j’avais à faire était de retirer le nom du contrôle de sélection et le contrôle me laissait entrer le texte du formulaire libre. Tout va bien jusqu’ici.

Maintenant, j’utilise ceci en conjonction avec Knockoutjs. Je lie mes options et la valeur sélectionnée au contrôle de sélection puis à la ligne rendue de mon modèle, j’ai appelé (selector) .combobox () ce qui fait que la commande select a une comobobox bootstrap et ajoute un contrôle d’entrée et masque le contrôle de sélection dans les scènes derrière.

Le problème est que lorsque j’essaie de publier les valeurs sur le serveur, puisque la valeur que je mets dans la zone de saisie n’est pas une option valide parmi les options que j’ai données pour sélectionner le contrôle, elle est toujours définie par défaut sur la première option. C’est parce que je règle la liaison de la valeur sélectionnée sur le contrôle de sélection et non sur la zone de saisie créée par bootstrap-combobox.js.

Ma question est de savoir comment obtenir la zone de saisie pour lier les données à la même propriété à laquelle le contrôle de sélection était lié.

Toutes les autres options ?? Faites-moi savoir si vous avez besoin de plus de clarification ou avez des questions. Veuillez suggérer.

Merci.

Regardez Select2 pour Bootstrap . Il devrait pouvoir faire tout ce dont vous avez besoin.

Selectize.js est une autre bonne option. Il se sent un peu plus natif à Bootstrap.

La firebase database HTML5 de base fonctionne-t-elle? C’est propre et vous n’avez pas à jouer avec le code tiers compliqué … Tutoriel W3SCHOOL

Select2 pour le plugin natif Bootstrap 3

https://fk.github.io/select2-bootstrap-css/index.html

ce plugin utilise le plugin select2 jquery

pépite

PM> Install-Package Select2-Bootstrap

Combobox Fuel UX a toutes les fonctionnalités que vous attendez.

Puis-je suggérer http://www.jqueryscript.net/form/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest.html , fonctionne plus comme la suggestion de publication de twitter où il vous donne une liste des utilisateurs ou des sujets basés sur les balises @ ou #,

voir la démo ici: http://www.jqueryscript.net/demo/Twitter-Like-Mentions-Auto-Suggesting-Plugin-with-jQuery-Bootstrap-Suggest/

dans celui-ci, vous pouvez facilement changer le @ et # à tout ce que vous voulez

Bootstrap Tokenfield semble bien aussi: http://sliptree.github.io/bootstrap-tokenfield/