LoginSignup
1
7

More than 1 year has passed since last update.

rex0220 項目絞り込みプラグイン

Last updated at Posted at 2017-02-25

kintone の他アプリのデータにより、ドロップダウンの選択肢を絞り込むプラグインです。

  • 絞り込み対象項目を10セット、各セット10項目まで指定可能。
  • 絞り込みの結果で選択肢がひとつになった場合、自動選択。
  • サブテーブルの項目に設定可能。
  • 参照先アプリ一覧画面で、抽出条件を指定。
  • 一覧編集時、項目絞り込み対象項目を編集不可に設定
  • 項目検証プラグイン(Ver.26 以降)連携
  • テーブル行複写プラグイン(Ver.3 以降)連携
  • 計算式プラグイン(Ver.42 以降)連携
  • PC/モバイル対応

rex0220 storesで、販売中です。

Ver.19 以降での注意事項
プラグイン設定保存時に、rex0220_narrowdown_hide.css, rex0220_narrowdown_hide2.css ファイルをチェックします。
Ver.18 以前から Ver.19 以降にバージョンアップする場合は、プラグイン設定を保存後に rex0220_narrowdown_hide.css と rex0220_narrowdown_hide2.css を削除してください。

2022-05-05_13h45_41.png

直近の変更点

※項目絞り込み Ver.20 の変更点
・テーブル・テーブル項目が多く、項目絞り込みプラグインのイベント処理中にエラーになる問題の対応
・テーブルのフィールドコードが無い場合のエラー対応
・エラー発生時に、エラー内容をダイアログ表示
・セッションストレージの圧縮方法を変更
・セッションストレージの圧縮で、IE チェックを削除
・プラグイン設定ファイルのアップロード時に、参照先アプリが無い場合のエラー対応
・プラグイン設定のグリッドライブラリ変更

2017-02-25_22h28_50.png

  • 設定先項目に、ドロップダウン項目、文字項目、数字項目を指定可能。
    • ドロップダウン項目の場合、選択肢に指定される値をすべて定義しておく必要があります。
  • 参照先アプリのドロップダウン、ラジオボタン、文字列、数字、計算、レコード番号、ユーザ選択、作成者、更新者を指定可能。
  • 参照先データが500件以上の場合、セッションストレージにキャッシュを作成。
  • キャッシュは、1時間毎に自動更新。

追加・編集操作例

2017-02-25_23h01_19.gif

サブテーブル操作例

2017-02-27_10h25_12.gif

プラグイン設定による画面表示の変化

追加編集画面で、文字項目、数字項目がドロップダウンに変化します。

項目絞り込みプラグイン1.png

モバイル表示

PCと同様にモバイルにも対応しています。

2020-05-11_17h25_51.png

プラグインの設定手順

参照するアプリに一覧画面を作成

絞り込みプラグインのドロップダウンに表示する表示順と抽出条件を指定して、一覧画面を作成します。

対象レコードが500件を超えると、項目選択データ読み込みにキャシュが使われます。
キャシュは、1時間ごとに最新データを読み込みます。
キャッシュをすぐに最新データにしたい場合は、ブラウザを立ち上げなおします。
常に最新データを表示したい場合は、500件以下になるように抽出条件を指定してください。

2017-02-25_23h28_04.png

## 項目絞り込みプラグイン用の項目を設定

2017-02-25_22h47_04.png

プラグインの読み込みとアプリへのプラグイン追加設定

  • 「Kintoneシステム管理>プラグイン」で、プラグインを読み込みます。
  • 「アプリの設定>プラグイン」で、プラグインを追加します。

項目絞り込みプラグイン2.png

項目絞り込みプラグイン設定

  • プラグイン有効: プラグインの有効・無効を指定
  • 選択肢の高さ: ドロップダウン選択肢の高さを指定 ※ 200 px 規定値
  • プラグイン設定のダウンロード
  • プラグイン設定のアップロード
  • 絞り込み対象項目セット毎に、参照先アプリと一覧画面を指定します。
  • 「編集」ボタンをクリックして、対象項目を設定します。

※一覧画面のソート・抽出条件を設定変更時は、プラグインも再設定してください。

2021-09-16_11h12_56.png

  • 項目をクリックすると、指定可能な項目が一覧表示されます。
  • 一覧から項目を選択します。
  • 項目設定後、「保存」ボタンをクリックします。

2017-02-25_23h50_59.png

  • 運用環境に反映: チェックすると、「保存」クリックで運用環境に反映します。
  • 項目設定後、「保存する」ボタンをクリックします。
  • 「アプリを更新」で本番環境に設定内容を反映します。

2021-09-16_11h12_56.png

サブテーブルに設定する場合

アプリにサブテーブルがあると、テーブル選択が表示されます。
設定する項目のサブテーブルを選択します。

2017-02-27_10h44_17.png

項目に、サブテーブルのフィールドコードが表示されます。

2017-02-27_10h40_49.png

注意事項

  • 既に、JavaScript によるカスタマイズを行っているアプリの場合、処理が競合して、エラーになる場合があります。その場合は、該当するアプリでプラグインの使用を中止してください。
  • アプリ設定を変更した場合は、プラグインを再設定してください。
1
7
13

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
7