select_all rails

select_all-rails

チェックボックスにチェックを入れたり外したりするのが簡単

---

Select_all-rails は、Ruby-on-Rails アプリケーションで「 select-all 」機能をよりシンプルかつ効果的な方法で実装するための gem です。

機能

• 基本的な使い方- 複数のチェックボックスを選択/選択解除します。
• 複数の選択- ページに複数の全選択機能を実装します。
• Ajax 追加チェックボックス- Ajax 呼び出しによって追加された新しいチェックボックスに全選択機能を実装します。
• 選択/数を表示- 選択されたチェックボックスの数、または選択するために残っているチェックボックスの数、またはチェックボックスの合計のうち選択されたチェックボックスの数を表示します。

インストール

次の行をアプリケーションのGemfileに追加します。

 gem 'select_all-rails'

そして、以下を実行します。

 $ bundle

または、次のように自分でインストールします。

 $ gem install select_all-rails

そして、 application.jsファイルの jquery の後に次の行を追加します。

 //= require select_all.js

使用法

メインチェックボックスで関数select_all() を呼び出し、サブチェックボックスにクラス「selectable」を追加します。

HTML の例:

 < input type =" checkbox " id =" selectAll " > All Items </ input >

< input type =" checkbox " class =" selectable " > Item 1 </ input >
< input type =" checkbox " class =" selectable " > Item 2 </ input >
< input type =" checkbox " class =" selectable " > Item 3 </ input >

< script type =" text/javascript " >
    $ ( "#selectAll" ) . select_all ( ) ;
</ script >

さらに詳しい使用方法については、デモをチェックしてください

Rails haml の例:

= check_box_tag 'checkAll'
= check_box_tag 'selected_ids[]', " 1 " , false, class: 'selectable'
= check_box_tag 'selected_ids[]', " 2 " , false, class: 'selectable'
= check_box_tag 'selected_ids[]', " 3 " , false, class: 'selectable'

:javascript
    $ ( " #checkAll " ). select_all ();

発達

リポジトリをチェックアウトした後、 bin/setup実行して依存関係をインストールします。次に、 bin/console実行して、実験できる対話型プロンプトを表示します。

この gem をローカル マシンにインストールするには、 bundle exec rake install実行します。新しいバージョンをリリースするには、 version.rbのバージョン番号を更新してから、 bundle exec rake release実行してそのバージョンの git タグを作成し、git のコミットとタグをプッシュして、 .gemファイルを Rubygems.org にプッシュします。

貢献する

1. フォークします ( https://github.com/[my-github-username]/select_all-rails/fork )
2. 機能ブランチを作成します ( git checkout -b my-new-feature )
3. 変更をコミットします ( git commit -am 'Add some feature' )
4. ブランチにプッシュします ( git push origin my-new-feature )
5. 新しいプルリクエストを作成する