IM-BloomMaker for Accel Platform IM-BloomMaker チュートリアルガイド 第5版 2020-12-01

5.4.6. 配置したエレメントに変数・定数・多言語とアクションを設定する

次に、作成した変数や定数、多言語、アクションを設定します。

5.4.6.1. 変数・定数・多言語を設定する

各エレメントに作成した変数・定数・多言語の設定を行います。

はじめに、「フォームコンテナ」エレメントを設定します。

  1. 「フォームコンテナ」エレメント配下にある「見出しレベル2」エレメントの「エレメント固有」プロパティを下記のとおりに設定します。

    • textContent :
      • ラジオボタン
        • 変数値
      • 入力値
        • $i18n.currentLoginUser
  2. 「フォームコンテナ」エレメント配下にある「テーブルヘッダ」エレメントの「エレメント固有」プロパティを下記のとおりに設定します。

    • 上から 1 段目のエレメントの textContent :
      • ラジオボタン
        • 変数値
      • 入力値
        • $i18n.userCd
    • 上から 2 段目のエレメントの textContent :
      • ラジオボタン
        • 変数値
      • 入力値
        • $i18n.userName
    • 上から 3 段目のエレメントの textContent :
      • ラジオボタン
        • 変数値
      • 入力値
        • $i18n.memberDepartment
  3. 「フォームコンテナ」エレメント配下にある「テーブルデータ」エレメント内に配置した「テキスト入力」エレメントの「エレメント固有」プロパティを下記のとおりに設定します。

    • 上から 1 段目のテキスト入力エレメントの value :
      • ラジオボタン
        • 変数値
      • 入力値
        • $variable.loginUser.userCd
    • 上から 2 段目のテキスト入力エレメントの value :
      • ラジオボタン
        • 変数値
      • 入力値
        • $variable.loginUser.userName
    • 上から 3 段目のテキスト入力エレメントの value :
      • ラジオボタン
        • 変数値
      • 入力値
        • $variable.loginUser.memberDepartment

次に、 「ボックス」エレメント配下にある「ボタン」エレメントの「エレメント固有」プロパティを下記のとおりに設定します。

  • value:
    • ラジオボタン
      • 変数値
    • 入力値
      • $i18n.getLoginUser
../../../_images/repository_definition_set_to_elements01.png
図: プロパティ値設定後の「デザイナ」画面

以上で設定が完了しました。

最後に、作成したアクションをエレメントに設定します。

5.4.6.2. アクションを設定する

「ボックス」エレメント配下にある「ボタン」エレメントに作成したアクションを設定します。

  1. 「ボックス」エレメント配下にある「ボタン」エレメントをクリックします。

  2. プロパティタブ上にある「イベント」カテゴリをクリックします。

  3. 「クリック時」イベントのプルダウンから「Get Login user」を選択します。

    ../../../_images/repository_definition_set_to_elements02.png

以上でアクションの設定が完了しました。

次節「作成したアプリケーションの動作を確認する」では作成したアプリケーション画面の動作を確認します。