UIB でのページバリアントのデザイン

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：1分

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

    始める前に

    次のアクションを完了します。

    必要なロール：admin

    手順

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

    タスクの結果

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