概要
アプリのレコード一覧とレコード詳細画面の表示時に、フィールドの条件によってセルの背景色、文字色を変更します。
完成形
レコード一覧：
レコード詳細画面：
事前準備
- kintone アプリ（kintone アプリストア にある「総務への依頼受付」を使います）
- エディター
サンプルプログラム
サンプルプログラムの解説は、こちらの チュートリアル記事 にあります。
「コードの意味は理解できていない」「変更を加えたいけど、どの部分を修正すればいいかわからない」
と感じている方は、ぜひチュートリアル記事を確認してみてください。
「コードの意味は理解できていない」「変更を加えたいけど、どの部分を修正すればいいかわからない」
と感じている方は、ぜひチュートリアル記事を確認してみてください。
プログラム
- エディターにサンプルプログラムをコピーし、任意のファイル名で、文字コードを「UTF-8」にして保存します。
- 準備したアプリの設定画面で、保存したファイルを読み込みます
- アプリの設定を完了し、レコード一覧を表示します
使用したAPI
デモ環境
デモ環境で実際に動作を確認できます。
https://dev-demo.cybozu.com/k/66/
ログイン情報は cybozu developer network デモ環境 で確認してください。
サンプルプログラムの提供ありがとうございます。
ただ、そのまま「総務への依頼受付」アプリに適用したところ、
「処理状況」の書式は変更されましたが、「至急」の書式は変更されませんでした。
サンプルプログラム30行目の
if (record['Urgent']['value'] === "至急") {
は、
if (record['Urgent']['value'][0] === "至急") {
が正しいのではないでしょうか？
中村さま
ご指摘いただきありがとうございます。cybozu.com developer network事務局です。
中村さまにご指摘いただいた通り、配列の指定が必要になります。
上記の記事も変更させていただきました。
以下のように、レコード詳細では情報を表示されるのですが
保存直前ではnullになります。
そういったものでしょうか。このあたりを説明しているページはありますでしょうか。
kintone.events.on('app.record.detail.show', function(event) {
var elUrgent = kintone.app.record.getFieldElement('Urgent');
console.log(elUrgent);
});
kintone.events.on('app.record.edit.submit', function(event) {
var elUrgent = kintone.app.record.getFieldElement('Urgent');
console.log(elUrgent);
});
Hiroki Ijichi 様
お世話になっております。
ご認識の通りです。
app.record.edit.submit はレコード編集画面のイベントであり、「フィールド要素を取得する」API は利用できない画面です。
https://developer.cybozu.io/hc/ja/articles/201942014#step3 に「利用できる画面」について記載しておりますので、ご参考ください。
サンプルのご提供ありがとうございます。
このサンプルに、「対応済み」ステータスを追加して、
対応済みの場合はセルの色、文字ともにデフォルトに戻したいと思っています。
文字色はブラックかな？と思うのですが、背景色は行によって異なっております。
デフォルト色はどのようなカラーコードを指定すればよろしいでしょうか。
Kobayashi 様
お世話になっております。
cybozu developer network 運営局です。
こちらは記事に対するフィードバックとなっております。
お手数をおかけいたしますが、機能追加などの詳しいカスタマイズに関するご質問は、コミュニティをご活用いただければ幸いです。
レコード詳細画面では条件書式が反映されているのですが、レコード一覧画面では条件書式が反映されません。
レコード一覧画面では表形式（すべて）で表示しています。
なにか考えられる原因はあるのでしょうか？
太田龍鳳様
お世話になっております。cybozu developer network 運営局です。
レコードの一覧画面で、開発者ツールのコンソールに何らかのエラーメッセージが表示されているか、確認していただけないでしょうか。
開発者ツールのコンソールの確認方法は、https://developer.cybozu.io/hc/ja/articles/207613916 をご参照ください。
エラーメッセージが表示されていたら、何らか処理の途中でエラーが発生しているために、反映されていない可能性があります。
エラーメッセージを記載していただけると、原因が特定できるかもしれません。
cybozu Development team
ご担当者様
エラーメッセージについては以下になります。
よろしくお願いします。
太田龍鳳様
お世話になっております。cybozu developer network 運営局です。
頂いたキャプチャを見た限りでは、
一覧にはステータスがない為、ステータスの値が見つからないのではと思います。
プロセス管理を有効し、一覧にステータスを追加してから正しく動けるかご確認いただけますでしょうか。
また、エラーメッセージ下のリンクをクリックするとどのフィールドの処理にエラーが出るか調べられるはずです。
こちらは記事に対するフィードバックとなっております。
お手数をおかけいたしますが、機能追加などの詳しいカスタマイズに関するご質問は、コミュニティをご活用いただければ幸いです。
お世話になっております。
倉ケ崎です。
今回、こちらを使用させていただいたのですが
（全て）では変更されていることは確認できております。
ただ、その他で設定している一覧では反映されていない状況です。
改善方法等ございますでしょうか。
倉ケ崎渚 様
お世話になっております。cybozu developer network 運営局です。
「全て」一覧の場合、条件書式が反映されて、それ以外の一覧は反映されていないということでしょうか？
こちらで確認したところ、全ての一覧に反映されています。
詳細は記事の最後に載っているデモ環境でご確認ください。
認識ずれたら申し訳ありません。