October CMSの一覧画面にチェックボックスを追加して、行クリック時にチェックをつける方法

October CMSの一覧画面にチェックボックスを追加して、チェックしたデータをエクセルに出力したり、データを加工したいという場面があるかと思います。
また、行をクリックすることでチェックボックスの操作ができれば、ユーザビリティが良いですよね。

環境

  • Laravel:5.5
  • October CMS:1.0

実現方法

コントローラのディレクトリに配置する「config_list.yaml」を修正します。

plugins/
 casareal/ <=== 作者名
  test/ <=== プラグイン名
     controllers/
       controller_test/ <=== コントローラ名
         config_list.yaml

下記を記載します。

showCheckboxes: true
recordOnClick: $.oc.listToggleChecked(this)

これだけで一覧画面のリストの先頭の列にチェックボックスが追加され、行をクリック時にチェックボックスにチェックが入るようになります。

チェックボックス付きリスト画像

また、表のヘッダ部のチェックボックスをクリックすると、表示中のページのチェックボックス全てにチェックを入れることができます。
注意点としては、ページングするとチェックボックスのチェックは外れてしまいます。


--------------------------
システム開発のご要望・ご相談はこちらから
--------------------------
【この技術ブログを読んだエンジニアの皆様へ】
カサレアルブログをお読みいただき、ありがとうございます!

私たちは、常に新しい技術に挑戦し、ユーザーのニーズに応えるサービスを提供しています。
もし、当社の技術への情熱や、会社・チーム・社員の雰囲気に共感いただけたなら、
ぜひ私たちと一緒に働きませんか?
現在、株式会社カサレアルでは事業拡大に伴い、新たな仲間となるエンジニアを積極的に募集しています。

少しでも興味をお持ちいただけましたら、まずは弊社のことを知っていただけると嬉しいです。
▼採用サイト
https://www.casareal.co.jp/recruit/career
▼社員インタビュー
https://hrmos.co/pages/casareal/jobs/0000016
▼エンジニアの仲間になる! エントリーはこちらから
https://hrmos.co/pages/casareal/jobs

皆様のエントリーを心よりお待ちしています!

スマホ用アプリケーション開発にAndroid StudioではなくIntelliJ IDEAを使うお話
October CMSのリストのヘッダに大項目をつける方法

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

コメント ※

名前 ※

メール ※

サイト