UIB でのページバリアントの設計

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：1分

    • ワークスペースモーダルからバリアントに渡すように UI ビルダーのページバリアントを構成します。このステップは、カスタムモーダルを開くためのアクションボタンを構成するプロセスの一部として機能します。

    始める前に

    次のアクションを実行します。

    必要なロール：admin

    手順

    1. UI ビルダーでページバリアントを開きます。
    2. [本文] 要素の下にある [+ コンポーネントを追加 ] を選択して、ページに表示するコンポーネントを追加します。
    3. 追加したコンポーネントを選択し、[ テーブル] フィールドを選択します。
    4. 設定を [データをバインド] に切り替え、「 @context.props.table」と入力してテーブルプロパティにドット連結します。
    5. [ タイトル] フィールドを選択し、 スクリプト モードに切り替えます。
    6. 次のスクリプトを入力し、URL パラメーターを介して受信した sysID を JS テンプレート変数として渡します。 
      function evaluateProperty({ api, helpers }) {
	return `Only ${api.context.props.sysId}`;
}
    7. スクリプトの [適用] を選択し、[ 保存] を選択します。

    タスクの結果

    テーブル変数と sysID 変数は、モーダルから URL を介してバリアントに渡されるように構成されています。