お世話になっております。JavaScript初心者です。
レコード一覧画面に検索窓を設置し、関連レコードの値を検索できるようにしたいのですが、方法が分からず質問させていただきます。
検索窓の設置は既存のアプリで実装済みで、以下サイトを参考にしております。
http://crud-lab.hatenablog.com/entry/2016/03/17/9000
↓の部分を変更する必要がありそうだと思っているのですが、どのように変更すべきでしょうか。
//検索したいフィールドの設定値
const FIELD_CODE = ‘title’;
拙い説明で恐縮ですが、どなたかお分かりの方おられましたらご教示いただけないでしょうか。宜しくお願いいたします。
SU様
お世話になっております。
cstapの江田と申します。
関連レコードの件数はどのくらいになりますか？
30件以下であれば、DataTablesを用いて容易に絞り込み機能を実装できます。
アプリの設定 > JavaScript / CSSでカスタマイズにて
PC用のJavaScriptファイルとして
https://js.cybozu.com/jquery/3.3.1/jquery.min.js
https://js.cybozu.com/datatables/v1.10.19/js/jquery.dataTables.min.js
myScript,js (自作スクリプト)
PC用のCSSファイルとして
https://js.cybozu.com/datatables/v1.10.19/css/jquery.dataTables.min.css
を読み込ませてください。
自作スクリプトのmyScript,jsには、
(function(){"use strict";kintone.events.on(['app.record.detail.show','app.record.edit.show'],function(event){$('.reference-subtable-gaia').DataTable();});})();
と記述してください。
30件を超える場合はkintone REST APIを用いて関連レコードを取得して、関連レコードテーブルを自作する必要があります。
関連レコードの取得方法はこちらを参考にしてください。
https://developer.cybozu.io/hc/ja/community/posts/360017851006
江田様
お世話になっております。コメントいただきありがとうございます！
関連レコードの件数は30件以上の場合もあります。
早速実装したところ関連レコードの機能性がアップして感激したのですが、今回やりたい事とは異なります。
レコード詳細画面にいかずとも、「レコード一覧」画面で特定の関連レコードの値を検索したいのです。
方法はありますでしょうか。どうぞ宜しくお願いいたします。
SU様
お世話になっております。
レコード一覧画面での実装ということを見逃していました。
失礼いたしました。
一覧画面内のレコードについて、キーワードと一致する関連レコードを持つかどうかで絞り込みを行うという認識で宜しいでしょうか？
江田様
早速コメントいただきありがとうございます。
仰る通り、一覧画面内のレコードの関連レコードと、検索窓に入力したキーワードが一致したレコードを
一覧に表示させたく思っております。
標準機能の絞り込みを行えば良いのですが、使い慣れていない者にも使いやすく分かりやすくするため、
一覧画面に検索窓を設けようと思った次第です。
SU様
お世話になっております。
参考になられたコードのFIELD_CODEは
const FIELD_CODE = '関連レコードのフィールドコード.関連レコード先のフィールドコード';
のようにカンマ区切りで指定してください。
江田様
早速ありがとうございます。
書き換えて試してみたところ、希望通りの検索ができました。
関連レコードに関わるカスタマイズがいつもうまくいかず困っておりましたが、
ほかの場面でも応用できるよう引き続き勉強していこうと思います。
お忙しい中、とても丁寧にご教示いただきありがとうございました！
今後ともどうぞ宜しくお願いいたします。