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