集計を使用したグループ化 (igHierarchicalGrid)

集計を使用したグループ化の構成 (igHierarchicalGrid)

トピックの概要

目的

igHierarchicalGrid コントロールのグループ化機能を使用して集計値計算を構成する各種の方法をコード例で示します。

前提条件

以下は、このトピックを理解するための前提条件として必要なトピックを示しています。

• igHierarchicalGrid の概要: 機能、データ ソースへのバインド、要件、テンプレート、および相互作用などの情報を含む、igHierarchicalGrid™ コントロールの概念情報を説明します。
• igHierarchicalGrid の初期化: jQuery と MVCの両方を用いた igHierarchicalGrid を初期化する方法を説明します。
• igHierarchicalGrid GroupBy の概要: igHierarchicalGrid™ コントロールのグループ化機能を紹介し、この機能の設定項目に関する概要を示します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

• 集計を使用したグループ化の構成 - 概要
• コード例: デリミター、値フォーマット、および定義済みカスタム関数を使用した集計の構成
• 関連コンテンツ

集計を使用したグループ化の構成 - 概要

集計を使用したグループ化の構成 - 表

igHierarchicalGrid での使用に関連する igGridGroupBy コントロールの構成可能な項目。

コード例: デリミター、値フォーマット、および定義済みカスタム関数を使用した集計の構成

説明

以下のコードは、igHierarchicalGrid のレイアウトの Grouping 機能を起動し、集計値計算および表示に関する以下の設定を適用します。

• コンマと空白のデリミター (例 A, B)
• 集計値を小数点の右に 1 桁、小数点の左に先行ゼロを持つ固定小数点 10 進数として書式設定します。値が 1 より小さい場合: summaryFormat: "#0.0"。
• Quantity 列では 2 つの集計関数が計算されます。
• • テキスト プレフィックス「Max:」でグループ内の最大値 (例 Max: 55.0): summaryFunction: "max", text: "Max:"。
  • テキスト プレフィックス「Delta:」で集計値に使用する summaryDelta()used というカスタム関数: summaryFunction: "custom", customSummary: summaryDelta, text: "Delta:"。

コード: HTML および jQuery

JavaScript の場合:

Code: HTML and jQuery
...
features: [{
    name: 'GroupBy',
    inherit: true,
    summarySettings: { 
        multiSummaryDelimiter: ", ", 
        summaryFormat: "#0.0" 
    },
    columnSettings: [
        { columnKey: "Bin", isGroupBy: true },
        {
            columnKey: "Quantity",
            summaries: [{
                summaryFunction: "max",
                text: "Max:"
            }, {
                summaryFunction: "custom",
                text: "Delta:",
                customSummary: summaryDelta
            }]
        }
    ]
}]
...

コード: ASP.NET MVC

ASPX の場合:

Code: ASP.NET MVC
...
.Features(feature => {
    feature.GroupBy().Inherit(true)
    .SummarySettings(new GroupBySummarySettings { 
        SummaryFormat = "#0.0",
        MultiSummaryDelimiter = ","
    })
    .ColumnSettings(setting =>
    {
        setting.ColumnSetting().ColumnKey("Bin").IsGroupBy(true);
        setting.ColumnSetting().ColumnKey("Quantity").Summaries(summary =>
        {
            summary.Summary()
                .Text("Max").SummaryFunction(SummaryFunction.Max);
            summary.Summary()
                .Text("Delta").SummaryFunction(SummaryFunction.Custom).CustomSummary("summaryDelta");
        });
    });
});
...

関連コンテンツ

• グループ化の有効化と設定 (igHierarchicalGrid): jQuery と MVC 両方で igHierarchicalGrid™ コントロールにグループ化機能を追加する方法を示します。