Power Apps モデル駆動型アプリタブの表示/非表示を切り替える JavaScript （Dynamics 365でも動く）

Power Apps モデル駆動型アプリや同じプラットフォームで動いているDynamics 365 Customer Engagament のフォーム上のタブの表示/非表示を切り替える JavaScript での開発方法を紹介いたします。

ビジネスルールでできそうでできないんですよね。

多くの情報を取り扱う場合、ビジネスルールで一個一個定義するのは非常に大変ですしメンテナンス性も低いため、JavaScript のコードを少しだけ書いて開発することをお勧めします。

MEMO

今回は、オプションセット(True/false) を元にして選択した値によってタブの表示/非表示時を切り替える方法を紹介いたします。

完成系のイメージ

選択肢（True/false）に応じてタブが切り替わるようにしています。

MEMO

修理が必要と判断されたら、修理用のメモを入力するタブを表示するようにしています。

修理必要を「はい」にしてみます。

すると、これまでなかった「修理メモ」タブが出現します。

実際に修理メモタブを開いてみるとこんな感じです。

開発手順

ソースコードの作成

JavaScriptで以下のように記述してファイルを作成します。ファイル拡張子はjsとします。（例：hidetab1.js）

JavaScript


function onLoad(executionContext){
    hideTab(executionContext);
}

function hideTab(executionContext) {
    formContext = executionContext.getFormContext();
    var option = FormContext.getAttribute("bih_shuuri").getValue();
    if ( option == 0) {
        FormContext.ui.tabs.get("repair_tab").setVisible(false);
    } else if (option == 1) {
        FormContext.ui.tabs.get("repair_tab").setVisible(true);
    }
}

MEMO

コード中の以下の記述は環境によって変更してください。