ブートストラップオートコンプリートドロップダウンを使用する必要があるという要件がありますが、必要に応じて、ユーザーはそのドロップダウンに自由形式のテキストを含めることができます。TypeAheadについて考える前に、Bootstrap TypeAheadテキストボックスを使用できますが、ユーザーが何を検索すればよいかわからない場合に備えて、ヘッドスタートオプションとしてデフォルト値を指定するため、ドロップダウンが必要です。
これをMVCDropDownListForで使用しています。これにより、選択コントロールが作成されます。
私は私のためにそれをするこの記事を見つけました。
https://github.com/danielfarrell/bootstrap-combobox/pull/20
私がしなければならなかったのは、selectコントロールから名前を削除することだけで、コントロールは私に自由形式のテキストを入力させてくれました。これまでのところすべて良い。
現在、これをKnockoutjsと組み合わせて使用しています。オプションと選択した値を選択コントロールにバインドしてから、テンプレートのレンダリングされた行で(selector).combobox()を呼び出しました。これにより、選択コントロールがブートストラップコンボボックスになり、入力コントロールが追加され、シーン内の選択コントロールが非表示になります。後ろ。
問題は、サーバーに送信する値を取得しようとしたときです。入力ボックスに入力した値は、コントロールを選択するために指定したオプションの有効なオプションではないため、デフォルトでは常に最初のオプションに設定されています。これは、bootstrap-combobox.jsによって作成された入力ボックスではなく、選択したコントロールで選択した値のバインドを設定したためです。
私の質問は、selectコントロールがバインドされているのと同じプロパティに入力ボックスをデータバインドする方法です。
他のオプションはありますか?さらに詳しい説明が必要な場合や質問がある場合はお知らせください。提案してください。
ありがとう。