3

私は周りを見回してきましたが、Chosen http://harvesthq.github.com/chosen/を Rails アプリに実装する良い例を見つけることができません。既存の複数選択を選択したスタイルの複数選択ボックスに変換しようとしています。

ファイルを手動で挿入して、choose.jquery.js を assets/javascripts フォルダーにコピーし、choose.css を追加してみました。また、 //= require selected-jquery を次のコードとともに application.js に追加しました

jQuery(function($){
$('.chzn-select').chosen();
})

また、application.css.scss で *= require を選択します。

form_tag の collection_select に :class => "chzn-select" を追加しました。

また、「chosen-rails」gem (ここに例があります http://choppingbloc.tumblr.com/post/24894460392/multiple-select-boxes-with-chosen-jquery ) を使用してみましたが、うまくいきませんでした。

私が見落としているものはありますか？collection_select は機能していますが、Chosen のようなスタイルではありません。私は初心者なので、見落としているかもしれない明らかなことがあれば教えてください - 上記のすべては私がやったことです.

4

1 に答える 1

1

このように設定します

css ファイルと js ファイルの両方を含める必要があります。

あなたのapplication.css.scssでは、（sassなので/* requireは使用しないでください）

@import "chosen";

あなたのapplication.jsで

//= require chosen.jquery

選択したものとは異なるクラスまたは ID を指定する必要があります

$('.chzn-select').chosen();

なぜなら、html をデバッグするときに面倒になる可能性があるからです。Chosen は、.chzn-done、.chzn-single、chzn-drop、chzn-search などのこのプレフィックスを持つクラスを提供します。

Railscasts プロ アカウントをお持ちの場合。

これを見て

トークンフィールド改訂

選択したプラグインを実際にドロップして、select2プラグインを選択する必要があります。選択したプラグインに基づいていますが、はるかに優れています。

于 2012-11-26T08:47:17.733 に答える