UIB でページバリアントを設計する

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む1読むのに数分

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

    始める前に

    必要なロール：admin

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

    必要なロール：admin

    手順

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

    タスクの結果

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