asp.net - 列の合計を計算し、Asp.net の Jqgrid で On FooterRow を表示する方法

Question

ハイガイズ!! jqgrid にデータを表示し、jqgrid で ' footerrow: true' を有効にしました今、必要に応じて、特定の列の合計をフッター行に表示したい...Jqgrid を初めて使用しているので助けてください...

前もって感謝します....

Answer 1

jqGrid にある値を合計したい場合は、JavaScript で (できればgridCompleteイベントで)行うことができます。

$('#gridId').jqGrid({
    ...
    footerrow: true,
    gridComplete: function() {
        var $grid = $('#gridId');
        var colSum = $grid.jqGrid('getCol', '<Your column name>', false, 'sum');
        $grid.jqGrid('footerData', 'set', { 'Your column name>: colSum });
    }
});

サーバー側で合計を計算する必要がある場合は、userDataOnFooter最初にオプションを有効にする必要があります。

$('#gridId').jqGrid({
    ...
    footerrow : true,
    userDataOnFooter : true
});

そして、サーバーの応答に合計を含めます。たとえば、JSON の場合は次のようになります。

{
    total: x,
    page: y,
    records: z,
    rows : [
        ...
    ],
    userdata: { <Your column name>: <sum counted on server side> }
}

また、 jqGrid Demosページで利用可能なライブの例を見ることもできます (「バージョン 3.5 の新機能」を選択してから、「概要フッター行」を選択する必要があります)。