kViewerの項目の表示/非表示

kintone カスタマイズ
1

お世話になっております。

kViewerの項目 表示/非表示についての質問です。

 

フォームブリッジとkViewerの連携アプリを作成しています。

kintoneの文字列フィールドに文字が未入力の場合、kViewerの該当項目を非表示にしたいと考えています。

フォームブリッジは下記URLから実装できそうなのですが、kViewerの場合はどうすればいいでしょうか。

https://developer.cybozu.io/hc/ja/community/posts/360049303131-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%AB%E3%82%88%E3%82%8B%E8%A1%A8%E7%A4%BA-%E9%9D%9E%E8%A1%A8%E7%A4%BA

 

よろしくお願いします。

2

SHINICHI様

お世話になっております。
トヨクモの江田と申します。

下記コードで実装できるかと思います。

(function() {
  "use strict";
  kv.events.record.mounted.push(function(state){
    var targetField = '文字列__1行_'; //表示非表示を切り替えるフィールドのフィールドコード
    if(!state.record[targetField].value) kv.detail.getElementByCode(targetField).style.display = 'none';
  });
})();
3

トヨクモ

江田様

お世話になっております。

ご回答頂きありがとうございます。

無事実装できました。

 

追加の質問で申し訳ありません。

文字列_1で[表示/非表示]判定をした後、文字列_1、文字列_2、文字列_3を纏めて非表示にする場合はどうすればいいのでしょうか。

試しに書いてみたのですが動かず。。。

よろしくお願いします。

(function() {
“use strict”;
kv.events.record.mounted.push(function(state){
var switchField = ‘文字列_1’; //判別用の文字列フィールドのフィールドコード
var targetField = [ //表示非表示を切り替えるフィールドのフィールドコード
‘文字列_1’, //住所
‘文字列_2’, //携帯電話番号
‘文字列_3’, //電話番号
];
if(!state.record[switchField].value) kv.detail.getElementByCode(targetField).style.display = ‘none’;
});
})();

4

SHINICHI様

お世話になっております。

下記で実装できるかと思います。

(function() {
  "use strict";
  kv.events.record.mounted.push(function(state){
    var switchField = '文字列_1'; //判別用の文字列フィールドのフィールドコード
    var targetFields = [ //表示非表示を切り替えるフィールドのフィールドコード
      '文字列_1', //住所
      '文字列_2', //携帯電話番号
      '文字列_3', //電話番号
    ];
    if(!state.record[switchField].value){
      targetFields.forEach(function(targetField){
        kv.detail.getElementByCode(targetField).style.display = 'none';
      });
    }
  });
})();
5

トヨクモ

江田様

お世話になっております。

ご回答頂きありがとうございます。

無事実装できました。