アクティビティ

データコンポーネント

データ

非表示

非表示コンポーネントを使用すると、フォーム内でカスタム設定できるリソースプロパティを作成できます。このコンポーネントは、レンダリングされたフォームには表示されません。

コンテナ―

コンテナー コンポーネントを使用すると、コンテナーキーを使用して一連のフィールドをオブジェクトにラップできます。キーが financialPerformance のコンテナーは、次のように送信されます。

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

データマップ

データ型: System.Collections.Generic.Dictionary<System.String,System.String>

キーと値のペアを作成するには、データマップ コンポーネントを使用します。このコンポーネントは実行時に編集可能なので、ユーザーが [さらに追加] をクリックして新しいキーと値のペアを作成できます。

注: [キー] フィールドは既定でテキストフィールドになっており、変更できません。[値] フィールドは他のコンポーネントを使用して変更できます。

キー列のラベル - [キー] 列に表示するラベルを設定します。空欄のままにすると、列の名前は「Key」のままになります。
行の追加/削除を無効化する - フォームの表示時に、行を追加または削除できるボタンを非表示にします。
[値] 列より前に [キー] 列を表示 - [キー] 列を [値] 列より前に表示するかどうかを選択します。
別のテキストを追加 - [さらに追加] ボタンに表示するテキストを設定します。

[レイアウト] タブは、データマップ コンポーネント専用です。

HTML 属性 - コンポーネントにカスタム HTML 属性を追加します。
注: 他のコンポーネントの属性によって、設定する属性が決まります。
PDF オーバーレイ - PDF フォームにスタイル設定を適用します。

データマップ コンポーネントの使用方法については、「データマップコンポーネントを使用する」のチュートリアルをご覧ください。

データグリッド

データグリッド コンポーネントを使用すると、データテーブルと同様に複数行のデータをレンダリングできます。ユースケースに合わせて、複数のコンポーネントをデータグリッドにドラッグアンドドロップできます。

[フォームレンダラー] ウィンドウで、データグリッド コンポーネント内の行を追加または削除できます。

行の追加/削除を無効化する - フォームの表示時に、行を追加または削除できるボタンを非表示にします。
並べ替えを許可 - 行をドラッグアンドドロップで並べ替えます。
段の幅をすべて同じにする - 列の幅をすべて同じにします。
行グループを有効化する - 行をグループに分けることができます。グループを追加し、ラベル付けして、各グループの行を選択します。
初期化時に非表示 - 初期化すると、データグリッドの行がすべて非表示になります。

編集グリッド

編集グリッド コンポーネントを使用すると、データテーブルと同様に複数行のデータをレンダリングできます。複数のフォームコンポーネントを編集グリッドにドラッグアンドドロップして、大量のデータをキャプチャできます。

フォームのレンダリング時に、[さらに追加] をクリックして編集グリッドの複製を追加できます。

空の場合最初の行を開く - 編集グリッドが空である時に最初の行を開きます。
行の追加/削除を無効化する - フォームの表示時に、行を追加または削除できるボタンを非表示にします。
別のテキストを追加 - [さらに追加] ボタンの名前を変更します。
行テキストを保存 - 行の保存ボタンのテキストを変更します。
行テキストを削除 - 行の削除ボタンのテキストを変更します。

[テンプレート] タブは、編集グリッド コンポーネント専用です。ヘッダー、行、フッター テンプレートにより、JavaScript を使用してグリッドをカスタマイズできます。グリッド内の行に表示するコンポーネントの種類や、ヘッダー/フッターの外観を変更できます。

ヘッダーテンプレート

編集グリッド コンポーネントのヘッダーのレンダリングに使用される Lodash テンプレートです。

重要: ヘッダーテンプレートはフォームアクションでは使用できません。

以下の 2 つの変数を使用できます。

value - 行データの配列です。
components - グリッド内のコンポーネントの配列です。

行テンプレート

編集グリッド コンポーネントの各行のレンダリングに使用される Lodash テンプレートです。

重要: 行テンプレートはフォームアクションでは使用できません。

以下の 3 つの変数を使用できます。

row - 1 つの行のデータのオブジェクトです。
components - グリッド内のコンポーネントの配列です。
state - 現在の行のステートです (下書き/保存済み)。

種類がクリックのイベントを追加するには、クラス editRow と removeRow を要素に追加します。

フッターテンプレート

編集グリッド コンポーネントのフッターのレンダリングに使用される Lodash テンプレートです。

以下の 2 つの変数を使用できます。

value - 行データの配列です。
components - グリッド内のコンポーネントの配列です。

データテーブル

データテーブル コンポーネントを使用すると、データテーブルと同様に複数行のデータをレンダリングできます。データテーブルは、大量のデータを表示するために使用できる読み取り専用のコンポーネントです。複数のフォームコンポーネントをデータテーブル コンポーネントにドラッグアンドドロップできます。

並べ替え可能 - 列内のデータを昇順または降順に並べ替えます。データの並べ替えは実行時に行います。
フィルター設定可能 - 各列内のデータをフィルター処理します。データのフィルター処理は実行時に行います。
サイズ変更可能な列 - 実行時に列の幅を変更します。[サイズ変更可能な列] 機能を使用すると、列内のデータを見やすく表示することができます。
ページネーション - データテーブル コンポーネントのデータを、番号付きのページに分割表示します。[ページネーション] 機能では、1 ページあたりに表示する項目数を設定することもできます。
インライン編集 - 実行時に、Excel と同じような方法で編集できます。

並べ替え可能

列内のデータを昇順または降順に並べ替えることができます。実行時にフォームでデータを並べ替えます。

データテーブル内のデータは、入力データテーブルと同じ順序で表示されます。データテーブル内のすべてのデータを並べ替えるには、フォームの任意の列ヘッダーをクリックします。

1 回クリックすると、データが昇順に並べ替えられます。
2 回クリックすると、データが降順に並べ替えられます。
3 回クリックすると、元の順序が復元されます。

フィルター設定可能

各列内のデータをフィルター処理できます。フォームの表示中にデータをフィルター処理できます。

列内のデータをフィルター処理するには、以下の手順を実行します。

列ヘッダー上でホバーし、ハンバーガーメニューをクリックします。
フィルター処理操作を選択します。
ハンバーガーメニューの [フィルター] フィールドに値を入力します。[フィルター] フィールドの入力値は、フィルター処理操作の条件です。

データの種類に応じて、以下のフィルター操作を利用できます。

フィルター操作	テキスト	Number	日付/時刻
次の値を含む
次の値を含まない
次に等しい
次の値と等しくない
次で始まる
次で終わる
次の値より小さい
次の値以下
次の値より大きい
次の値以上
検索範囲
空白
空白でない