twitter bootstrap de saisie semi-automatique déroulante / combobox avec Knockoutjs

J'ai une exigence où je dois utiliser la liste déroulante de saisie semi-automatique bootstrap, mais l'utilisateur peut avoir du texte de forme libre dans cette liste déroulante s'il le souhaite. Avant de penser à TypeAhead, je pourrais utiliser Bootstrap TypeAhead textbox, mais j'ai besoin d'avoir la liste déroulante parce que nous voulons donner des valeurs par défaut comme options headstart au cas où les utilisateurs ne savent pas quoi rechercher.

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

J'ai trouvé cet article qui le fait pour moi.

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

Tout ce que j'avais à faire était d'enlever le nom du contrôle select et le contrôle me permettait d'entrer du texte de forme libre. Tout bon jusqu'ici.

Maintenant, je l'utilise en conjonction avec Knockoutjs. Je lie mes options et la valeur sélectionnée au contrôle select, puis sur la ligne rendue de mon modèle, j'ai appelé (sélecteur).combobox() qui rend le contrôle select un bootstrap comobobox et ajoute un contrôle d'entrée et cache le contrôle de sélection dans les scènes derrière.

Le problème est maintenant quand j'essaie d'obtenir des valeurs à poster sur le serveur, puisque la valeur que j'ai mise dans la boîte de saisie n'est pas une option valide parmi les options que j'ai données pour sélectionner le contrôle, elle le définit toujours à la première option par défaut. C'est parce que j'ai défini la liaison de la valeur sélectionnée sur le contrôle select et non sur la zone de saisie créée par bootstrap-combobox.js.

Ma question est comment puis-je obtenir l'entrée zone de données-lier de la même propriété que le contrôle de sélection a été lié.

D'autres options?? Laissez-moi savoir si vous avez besoin de plus de précisions ou des questions. S'il vous plaît suggérer.

Merci.