Migaro. 技術Tips

                       

ミガロ. 製品の技術情報
IBMiの活用に役立つ情報を掲載!


Valence アプリ変数の活用方法(第3回) Formウィジェット編

ValenceのAppBuilderアプリは、アプリ変数を使用することで様々な機能制御が行えます。
Tipsでは、アプリ変数の活用方法について複数回にわたって説明していきます。
第3回は、Formウィジェットのアプリ変数リンクで制御できる機能をご紹介します。

はじめに

アプリ変数の定義方法 / 値の設定方法、ウィジェットのプロパティにアプリ変数をリンクする方法については、Valence アプリ変数の活用方法 (第1回)で確認ください。

Gridウィジェットのアプリ変数リンクで制御できる機能については、Valence アプリ変数の活用方法 (第2回)で確認ください。

Formウィジェットのプロパティで設定可能な機能

アプリ変数で制御ができる、Formウィジェットの機能は以下です。

ツールチップとラベルの制御ツールチップツールチップの変更
ラベルラベルの変更
未入力チェック未入力未入力チェック
フィールド属性の変更フィールド非表示フィールド項目を表示/非表示
無効なフィールドフィールド項目を無効化
読取り専用フィールド項目を読取り専用
プルダウン制御コンボボックス&参照 表示値コンボボックスと参照フィールドの表示値取得
Selected Recordコンボボックスのレコード内フィールド値を取得
フィールド値の設定/リセットフィールドの値を設定フィールドの値を設定
リセットフィールドの値をクリア
全般dataJSONデータからフィールド値を設定
resetフィールドの値をクリア
clearAllDataデータソースの値をクリア
その他項目subtitleサブタイトル変更
titleタイトル変更
isInvalidウィジェットでのエラーが存在チェック
nabHideWidgetウィジェットを非表示
nabShowWidgetウィジェットを表示
refreshリフレッシュ

ツールチップとラベルの制御

Formウィジェット ラベルの横に表示される(i)アイコンにマウスをホバーするとツールチップが表示できます。ツールチップの文字はアプリ変数で動的に変更が可能です。
また、Formウィジェットのラベルについてもアプリ変数で変更できます。

ツールチップ / ラベル

ツールチップとラベルの設定

未入力チェック

フィールドに値が未入力/入力済みを判別可能です。

未入力 (isEmpty)

未入力の場合true、値が設定されている場合はアプリ変数にfalseが設定されます。

未入力チェック

フィールド属性の変更

フィールドの属性をアプリ変数経由で変更します。
フィールド非表示(hidden) / 無効なフィールド(disabled) / 読取り専用(readonly)

フィールド非表示 / 無効なフィールド

フィールド属性の変更

読取り専用

編集フィールドを、アプリ変数経由で読取り専用に変更することが可能です。

値を読取り専用設定

プルダウン制御

Formウィジェットに 「プルダウン / 参照」の要素が定義されている場合、アプリ変数で選択中の表示値を取得、また、「プルダウン」の場合はデータソースに定義されている他フィールド値を取得することが可能です。

プルダウン/参照用のアプリ変数

フィールド値の設定/リセット

アプリ変数を使用して、フィールド値を設定したり、リセットすることができます。

フィールドの値を設定

フィールドの値を設定 アプリ変数に設定した値が、フィールド値として表示

リセット(値のクリア)

アプリ変数で値のクリアを実行

全般

データの設定

dataにJSONデータを設定することで表示データを変更

データのクリア

ウィジェットのデータをクリアします。
resetはウィジェットのフィールド上のデータをクリアします。
clearAllDataはデータソースのデータをクリアします。

データクリア reset はフィールド値のクリア、clearAllDataはデータソースのクリア

タイトル / サブタイトルの変更

アプリ変数経由で、ウィジェットのタイトル、サブタイトルを変更できます。

アプリ変数でタイトルを設定

Formウィジェットのエラーチェック

Formウィジェットのフィールドでエラーが発生している場合、アプリ変数にtrueが設定されます。

Formウィジェットにエラーがある場合、アプリ変数にtrueを設定

ウィジェットの表示 / 非表示

アプリ変数経由でウィジェットの表示/非表示が制御できます。

ウィジェットの表示/非表示設定

リフレッシュ

アプリ変数をtrueに設定すると、データを再読み込み(リフレッシュ)します。

ウィジェットデータの再読み込み

おわりに

次回以降のTipsでも引き続き、アプリ変数をリンクして制御できる機能について紹介します。