[解決済み] Knockoutjsによるtwitterブートストラップオートコンプリートドロップダウン/コンボボックス
質問
ブートストラップのオートコンプリートドロップダウンを使用しなければならないのですが、ユーザーが希望すれば、ドロップダウンにフリーフォームテキストを入力することができる、という要件があります。TypeAhead について考える前に、私は Bootstrap TypeAhead textbox を使用することができましたが、ユーザーが何を検索したらよいかわからない場合に備えて、いくつかのデフォルト値をヘッドスタートオプションとして与えたいので、ドロップダウンを使用する必要があるのです。
MVCのDropDownListForは選択コントロールを作成するので、私はこれを使用しています。
私はこの記事を見つけ、それが私のために行われます。
https://github.com/danielfarrell/bootstrap-combobox/pull/20
私は、選択コントロールから名前を削除するだけで、コントロールはフリーフォームのテキストを入力できるようになりました。これまでのところ、すべて順調です。
さて、私はこれをKnockoutjsと組み合わせて使っています。オプションと選択した値を選択コントロールにバインドし、テンプレートのレンダリング行で (selector).combobox() を呼び出し、選択コントロールをブートストラップの comobox にして入力コントロールを追加し、選択コントロールを裏で隠しています。
問題は、サーバーに投稿する値を取得しようとしたときに、入力ボックスに入れた値が、選択コントロールに与えたオプションから有効なオプションではないため、常にデフォルトで最初のオプションに設定されることです。これは、選択された値のバインディングを、bootstrap-combobox.jsで作成された入力ボックスではなく、選択コントロールに設定したためです。
私の質問は、selectコントロールがバインドされたのと同じプロパティに入力ボックスがデータバインドされるようにするにはどうしたらよいかということです。
他のオプションはありますか? より明確な説明が必要な場合、または質問がある場合は、私に知らせてください。 提案お願いします。
ありがとうございます。
どのように解決するのですか?
以下のサイトをご覧ください。 Bootstrap 用 Select2 . これで必要なことはすべてできるはずです。
もう一つの良い選択肢は Selectize.js . Bootstrapの方が少しネイティブな感じがします。
関連
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Twitter Bootstrap Form File Element Upload Button(ファイルアップロードボタン
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Twitter Bootstrap - 行と行の間に上部のスペースを追加する
-
[解決済み] Knockoutjsによるtwitterブートストラップオートコンプリートドロップダウン/コンボボックス
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン