問題タブ [bootstrap-select]

現在、自分のプロジェクトの 1 つでBootstrap selectプラグインを使用しています。次のコマンドを使用してブートストラップ選択に変換する選択要素を持つ動的に生成されたテーブルがあります。

_tr選択要素を追加した行はどこにありますか。これは正常に機能しており、ブートストラップの選択が表示され、firebug では元の選択要素がまだ表示されています。

現在、すべての行に、ブートストラップの選択を削除 (破棄) するボタンがあります。しかし、それは元の選択も削除します。それが問題です。なぜなら、何か他のことをするために元の選択がまだ必要だからです。

次のコマンドを使用して破棄します。

他のプラグインでは、destroy を使用すると、元の要素が再び表示されます。これはブーストラップ選択プラグインの問題ですか、それともブートストラップ選択を削除して元の選択を再表示する別の方法がありますか。

以前の質問で、destroy メソッドが望ましくないことを行っているブートストラップ選択プラグインについて話していました。プラグインを手動で編集しますが、これは良い習慣ではありません。

Bootstrap select destroy は元の選択を DOM から削除します

カスタムメソッドでプラグインを拡張して、私が望むことを正確に実行できるようにしたいと思います。

次の方法でプラグインを拡張します。

これは、ブートストラップ選択スクリプト ファイルの下の別の js ファイルにあります。

この新しいメソッドを呼び出すにはどうすればよいですか? 私は成功せずに次のことを試しました：

また

何か不足していますか？

ブートストラップ選択プラグインの destroy 関数の元のメソッド:

selectpicker を作成するために、bootstrap-select を使用しています。

次を使用して選択用のアイコンを設定します。

オプションを選択すると、選択したオプションがアイコンの近くに配置されますが、それは望ましくありません。選択したオプションを表示したくありません。アイコンのみを表示します。

説明する2つの印刷画面：

前=> http://hpics.li/07182fd

後 => http://hpics.li/c1dd1ca

ありがとうございました ！

ブートストラップの複数の selectpicker -> http://silviomoreto.github.io/bootstrap-select/からオプションを選択しようとすると、いくつかの問題があります。

例のように、Android 4.1.2 ネイティブ ブラウザ(Chrome ではなく、実際にはシステムにプリインストールされているブラウザ)で「Ketchup」をクリックすると、項目は例のようにフォーカスされるだけで、実際には選択されません (項目がデータベースに選択内容を保存する Ajax リクエストにバインドされており、ページをリロードすると、再選択されたオプションでドロップダウンが作成されるため、私はそれを知っています)。とにかく、それはあるべきです：

このスクリーンショットのように、Chrome から取得しました。今ここに私が使用するコードがあります：

JS (jQuery):

HTML:

私の問題は、Android のネイティブ ブラウザでは動作しないことです。Chrome では問題なく動作するため、問題は純粋にクライアントに関連していると思います。

Android のネイティブ ブラウザについて、4.4 バージョンから Android のデフォルト ブラウザではないこと以外に知っておくべきことはありますか? (とにかく、下位互換性のためにこの機能を動作させる必要があります)。

どうすればそれを機能させることができますか？

ユーザーがユーティリティ ドロップダウン (下の図を参照) から、検索テキスト フィールドに影響する検索オプションを選択できる可能性はありますか?

または、ドロップダウンと検索テキスト フィールドを一緒にマージすることは可能ですか?

silviomoreto のブートストラップ選択プラグインを使用しています。ASP.Net MVC アプリケーションで使用しています。これを show tick オプションで使用しています。コードはこんな感じ。

問題は、アプリケーションで settimeout メソッドがないと、このプラグが機能しないことです。このプラグインを settimeout メソッド内および document.ready メソッド内にアタッチする必要があります。

ただし、ページの読み込みに200ミリ秒以上かかる場合、プラグインがhtml選択に適用されていることがわかりますが、選択で項目をクリックしても機能しません。そのため、アタッチするためのタイムアウトを増やしてから、その作品を作成する必要があります。しかし、理想的には、html select 要素にアタッチすると機能するはずです。

Bootstrap-Selectで、最初に選択したアイテムがタイトルに表示されないようにするにはどうすればよいですか。または、ドロップダウンオプションのリストから空の最初の項目を非表示にするにはどうすればよいですか

HTML では、要素はデフォルト<select>で最初の要素を自動的に選択<option>します。これを回避する一般的な方法は、空白の最初の行を作成することですが、ブートストラップ選択によって公開されるドロップダウン メニューの一部として、これはかなり奇妙に見えます。

ここに私の2つのオプションがあります：

しかし、どちらもあまり良く見えません。1 つ目はプロパティを完全に無視しtitle、2 つ目はドロップダウン メニューで奇妙に見える空白スペースがあります。

ドロップダウンでテキストを検索し、テキストで選択したい.ここに私のコントロールがあります

HTML:

Jクエリ:

ブートストラップ選択ピッカーを使用しています。このコードで使用できますcontain:か、それとも selectpicker に独自のメソッドがありますか?

更新しました：

シンプルな選択コントロールで試してみましたが、機能しています...ここにフィドルがあります

angular-bootstrap-select コンポーネントを使用しようとしています。bower jquery、bootstrap、bootstrap-select、および angular を介してインストールしました。

すべてのこれらのフレームワークが読み込まれます (css を含む)。ただし、入力すると：

要素に bootstrap-select スタイルが適用されていません。何が間違っている可能性がありますか？