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

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：1分

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

    始める前に

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

    必要なロール：admin

    手順

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

    タスクの結果

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