switch文の中に、if文を入れてフィールドの表示・非表示を変えたい

Legacy_Account1856 · 2023 年 4 月 13 日午前 9:46

いつもお世話になっております。
switch文の中で、if文を入れて表示・非表示を制御したいのですが、うまくできません…

下記URLを参考にタブを設定して表示変更まではできたのですが、特定のフィールドの文字列のありなしで判定をかけて、タブ内の表示項目を絞り込みたいです。
kintoneのレコード画面をタブ化する（縦長画面防止）
https://aakel-digital.com/LGbkSfGN/BLOG34

■タブ[基本情報] タブ[Ａ単位] タブ[Ｂ単位]
↑タブ[Ａ単位]をクリックして、フィールドAに何かの文字列が入っていたら、フィールド[Ａ単位の１]を表示、フィールド[Ａ単位の２]を非表示、フィールド[Ａ単位の３]を非表示
↑タブ[Ａ単位]をクリックして、フィールドBに何かの文字列が入っていたら、フィールド[Ａ単位の２]を非表示、フィールド[Ａ単位の２]を表示、フィールド[Ａ単位の３]を非表示
↑その他の場合はフィールド[Ａ単位の３]のみ表示

というようなことがやりたいです。chatGPTにも聞いてみましたが、うまく行きませんでした。

(function() {
    'use strict';

  var ButtonAll = document.createElement('button');
  ButtonAll.id = 'eeButton';
  ButtonAll.style.height = '30px';
  ButtonAll.style.width = '120px';
  ButtonAll.innerHTML = ' 全表示 ';
  ButtonAll.style.borderRadius = '10px 10px 0px 0px';
  
  var ButtonA = document.createElement('button');
  ButtonA.id = 'ButtonA';
  ButtonA.style.height = '30px';
  ButtonA.style.width = '150px';
  ButtonA.innerHTML = ' 基本情報 ';
  ButtonA.style.borderRadius = '10px 10px 0px 0px';
  
  var ButtonB = document.createElement('button');
  ButtonB.id = 'ButtonB';
  ButtonB.style.height = '30px';
  ButtonB.style.width = '150px';
  ButtonB.innerHTML = ' Ａ単位 ';
  ButtonB.style.borderRadius = '10px 10px 0px 0px';
  
  var ButtonC = document.createElement('button');
  ButtonC.id = 'ButtonC';
  ButtonC.style.height = '30px';
  ButtonC.style.width = '150px';
  ButtonC.innerHTML = ' Ｂ単位 ';
  ButtonC.style.borderRadius = '10px 10px 0px 0px';
  

  var devSpace = document.createElement('dev');
  devSpace.innerHTML = ' ';//タブ開始位置の調整
  
  
  kintone.events.on(['app.record.create.show','app.record.edit.show','app.record.detail.show'], function (e) {
    if (document.getElementById ('button') != null) {
      return;
    }
    kintone.app.record.getSpaceElement('TAB_ID').appendChild(devSpace);
    kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonAll);
    kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonA);
    kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonB);
    kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonC);

     tagView("All");//追加
  });

  ButtonAll.onclick = function() {
      tagView("All");
      // グループフィールドの表示・非表示
      kintone.app.record.setGroupFieldOpen("基本情報", true);
      kintone.app.record.setGroupFieldOpen("Ａ単位", true);
      kintone.app.record.setGroupFieldOpen("Ｂ単位", true);
      return false;
    }

    ButtonA.onclick = function() {
      tagView("a");
      return false;
    }
    ButtonB.onclick = function() {
      tagView("b");
      return false;
    }
    ButtonC.onclick = function() {
      tagView("c");
      return false;
    }

    function tagView(setInfo){
      ButtonA.style.background = '#c0c0c0';
      ButtonB.style.background = '#c0c0c0';
      ButtonC.style.background = '#c0c0c0';
  
      switch (setInfo) {


          case "a": ButtonA.style.background = '#ff9e3d';
            // グループフィールドの表示・非表示
            kintone.app.record.setFieldShown("基本情報の１", true);
            kintone.app.record.setFieldShown("基本情報の２", false);
            kintone.app.record.setFieldShown("基本情報の３", false);
            break;




          case "b": ButtonB.style.background = '#ff9e3d';

// 【エラー箇所】[フィールドA]に文字列があった時の処理【エラー箇所】
if (event.record.フィールドA.value) {
  kintone.app.record.setFieldShown("Ａ単位の１", true);
  kintone.app.record.setFieldShown("Ａ単位の２", false);
  kintone.app.record.setFieldShown("Ａ単位の３", false);
} else if(event.record.フィールドB.value) {
  kintone.app.record.setFieldShown("Ａ単位の１", false);
  kintone.app.record.setFieldShown("Ａ単位の２", true);
  kintone.app.record.setFieldShown("Ａ単位の３", false);
}
else {
  kintone.app.record.setFieldShown("Ａ単位の１", false);
  kintone.app.record.setFieldShown("Ａ単位の２", false);
  kintone.app.record.setFieldShown("Ａ単位の３", true);
}




// 【エラー箇所】[フィールドA]に文字列があった時の処理(chatGPT回答)【エラー箇所】
var fieldValue = kintone.app.record.getFieldValue('corpNumber');
if (fieldValue !== '') {
    // グループフィールドAを表示する
    kintone.app.record.setFieldShown('Ａ単位の１', true);
    // グループフィールドBを非表示にする
    kintone.app.record.setFieldShown('Ａ単位の２', true);
    // グループフィールドCを非表示にする
    kintone.app.record.setFieldShown('Ａ単位の３', true);
  }


            break;




          case "c": ButtonC.style.background = '#ff9e3d';
            // グループフィールドの表示・非表示
            kintone.app.record.setFieldShown("Ｂ単位の１", true);
            kintone.app.record.setFieldShown("Ｂ単位の２", false);
            kintone.app.record.setFieldShown("Ｂ単位の３", false);
          break;

          default :
            ButtonAll.style.background = '#ff9e3d';
            kintone.app.record.setFieldShown('基本情報',true);
          break;
      }
      return;
  
    };
  })();

Legacy_Account1856 · 2023 年 4 月 13 日午前 9:47

ここを直せばいけそうな気がしているのですが、いかがでしょうか…

宜しくお願いします。

// 【エラー箇所】[フィールドA]に文字列があった時の処理【エラー箇所】
if (event.record.フィールドA.value) {
  kintone.app.record.setFieldShown("Ａ単位の１",true);
  kintone.app.record.setFieldShown("Ａ単位の２",false);
  kintone.app.record.setFieldShown("Ａ単位の３",false);
}elseif(event.record.フィールドB.value) {
  kintone.app.record.setFieldShown("Ａ単位の１",false);
  kintone.app.record.setFieldShown("Ａ単位の２",true);
  kintone.app.record.setFieldShown("Ａ単位の３",false);
}
else {
  kintone.app.record.setFieldShown("Ａ単位の１",false);
  kintone.app.record.setFieldShown("Ａ単位の２",false);
  kintone.app.record.setFieldShown("Ａ単位の３",true);
}
// 【エラー箇所】[フィールドA]に文字列があった時の処理(chatGPT回答)【エラー箇所】
var fieldValue = kintone.app.record.getFieldValue('corpNumber');
if (fieldValue !=='') {
   // グループフィールドAを表示する
    kintone.app.record.setFieldShown('Ａ単位の１',true);
   // グループフィールドBを非表示にする
    kintone.app.record.setFieldShown('Ａ単位の２',true);
   // グループフィールドCを非表示にする
    kintone.app.record.setFieldShown('Ａ単位の３',true);
  }

Legacy_Account1177 · 2023 年 4 月 13 日午後 11:49

まず

var fieldValue = kintone.app.record.getFieldValue('corpNumber');

getFieldValue()という関数はありません。

次に

// 【エラー箇所】[フィールドA]に文字列があった時の処理【エラー箇所】
if (event.record.フィールドA.value) {

エラーが発生しているのはこの部分ですが、解説含めて以前に私が回答したものと同じです。

Legacy_Account1856 · 2023 年 4 月 14 日午前 12:49

早速のご回答ありがとうございます！

教えて頂いた箇所でしたね…すみませんm(_ _)m

if(event.record[‘フィールドA’].value)
を下記に変更したところ修正できました！！！
********************************************
let recordData = kintone.app.record.get(),
rec = recordData.record;
if(rec[‘フィールドA’].value)
********************************************

if文は「if(event.record」は固定だと思い込んでおりました
精進します！！

Legacy_Account1856 · 2023 年 4 月 14 日午前 12:51

修正後のコードです。

(function() {
  'use strict';

var ButtonAll = document.createElement('button');
ButtonAll.id = 'eeButton';
ButtonAll.style.height = '30px';
ButtonAll.style.width = '120px';
ButtonAll.innerHTML = ' 全表示 ';
ButtonAll.style.borderRadius = '10px 10px 0px 0px';

var ButtonA = document.createElement('button');
ButtonA.id = 'ButtonA';
ButtonA.style.height = '30px';
ButtonA.style.width = '150px';
ButtonA.innerHTML = ' 基本情報 ';
ButtonA.style.borderRadius = '10px 10px 0px 0px';

var ButtonB = document.createElement('button');
ButtonB.id = 'ButtonB';
ButtonB.style.height = '30px';
ButtonB.style.width = '150px';
ButtonB.innerHTML = ' Ａ単位 ';
ButtonB.style.borderRadius = '10px 10px 0px 0px';

var ButtonC = document.createElement('button');
ButtonC.id = 'ButtonC';
ButtonC.style.height = '30px';
ButtonC.style.width = '150px';
ButtonC.innerHTML = ' Ｂ単位 ';
ButtonC.style.borderRadius = '10px 10px 0px 0px';


var devSpace = document.createElement('dev');
devSpace.innerHTML = ' ';//タブ開始位置の調整


kintone.events.on(['app.record.create.show','app.record.edit.show','app.record.detail.show'], function (e) {
  if (document.getElementById ('button') != null) {
    return;
  }
  kintone.app.record.getSpaceElement('TAB_ID').appendChild(devSpace);
  kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonAll);
  kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonA);
  kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonB);
  kintone.app.record.getSpaceElement('TAB_ID').appendChild(ButtonC);

   tagView("All");//追加
});

ButtonAll.onclick = function() {
    tagView("All");
    // グループフィールドの表示・非表示
    kintone.app.record.setGroupFieldOpen("基本情報", true);
    kintone.app.record.setGroupFieldOpen("Ａ単位", true);
    kintone.app.record.setGroupFieldOpen("Ｂ単位", true);
    return false;
  }

  ButtonA.onclick = function() {
    tagView("a");
    return false;
  }
  ButtonB.onclick = function() {
    tagView("b");
    return false;
  }
  ButtonC.onclick = function() {
    tagView("c");
    return false;
  }

  function tagView(setInfo){
    ButtonA.style.background = '#c0c0c0';
    ButtonB.style.background = '#c0c0c0';
    ButtonC.style.background = '#c0c0c0';

    switch (setInfo) {


        case "a": ButtonA.style.background = '#ff9e3d';
          // グループフィールドの表示・非表示
          kintone.app.record.setFieldShown("基本情報の１", true);
          kintone.app.record.setFieldShown("基本情報の２", false);
          kintone.app.record.setFieldShown("基本情報の３", false);
          break;




case "b": ButtonB.style.background = '#ff9e3d';

// 【修正箇所】[フィールドA]に文字列があった時の処理【修正箇所】
let recordData = kintone.app.record.get(),
rec = recordData.record;
if(rec['フィールドA'].value) {

kintone.app.record.setFieldShown("Ａ単位の１", true);
kintone.app.record.setFieldShown("Ａ単位の２", false);
kintone.app.record.setFieldShown("Ａ単位の３", false);
}
// フィールドAに文字列がない時
 else if(!rec['フィールドA'].value) {
kintone.app.record.setFieldShown("Ａ単位の１", false);
kintone.app.record.setFieldShown("Ａ単位の２", true);
kintone.app.record.setFieldShown("Ａ単位の３", false);
}
break;




        case "c": ButtonC.style.background = '#ff9e3d';
          // グループフィールドの表示・非表示
          kintone.app.record.setFieldShown("Ｂ単位の１", true);
          kintone.app.record.setFieldShown("Ｂ単位の２", false);
          kintone.app.record.setFieldShown("Ｂ単位の３", false);
        break;

        default :
          ButtonAll.style.background = '#ff9e3d';
          kintone.app.record.setFieldShown('基本情報',true);
        break;
    }
    return;

  };
})();

system · 2023 年 10 月 5 日午前 4:24

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。

トピック		返信	表示
タブ表示時のヘッダーについて kintone カスタマイズ	3	708	2022 年 9 月 27 日
数値フィールドに文字列が入力された場合のSwitch文について kintone カスタマイズ	6	192	2022 年 12 月 20 日
スペースフィールドを利用して自分で設置したボタンに色をつけたり、文字色を指定したい kintone カスタマイズ	3	457	2023 年 1 月 10 日
特定のアプリでPC表示からモバイル表示へ切替 kintone カスタマイズ	2	161	2023 年 1 月 10 日
一覧表示時、ログインユーザーが既読ユーザーに無い場合、未読(何かのフィールド)表示したい kintone カスタマイズ	1	71	2020 年 6 月 17 日

switch文の中に、if文を入れてフィールドの表示・非表示を変えたい

関連トピック