ASPxClientGridBatchEditSummaryDisplayTextEventArgs Class

Provides data for the BatchEditSummaryDisplayText event.

Declaration

TypeScript

declare class ASPxClientGridBatchEditSummaryDisplayTextEventArgs extends ASPxClientEventArgs

Remarks

The following example illustrates how the BatchEditSummaryDisplayText event uses the ASPxClientGridBatchEditSummaryDisplayTextEventArgs object to get data about the processed summary item and customizes its content and appearance.

ASPX

<dx:ASPxGridView ID="Grid" runat="server" ClientInstanceName="grid" >
    // ...
    <SettingsEditing Mode="Batch" />
    <ClientSideEvents BatchEditSummaryDisplayText="onBatchEditSummaryDisplayText" />
    <TotalSummary>
        <dx:ASPxSummaryItem FieldName="Total" SummaryType="Sum" />
    </TotalSummary>
    <GroupSummary>
        <dx:ASPxSummaryItem FieldName="Total" SummaryType="Sum" />
    </GroupSummary>
</dx:ASPxGridView>

JS

function onBatchEditSummaryDisplayText(s, e) {
    if (e.summaryFieldName === "Total") {
        var isValueChanged = e.value !== e.serverValue;
        var hasLargeValue = e.value > 1300000;


        ASPxClientUtils.ToggleClassName(e.summaryElement, "summaryItemChangedValue", isValueChanged);
        ASPxClientUtils.ToggleClassName(e.summaryElement, "summaryItemLargeValue", hasLargeValue);
    }
}

CSS

.summaryItemChangedValue {
    background-color: #d7f9c7;
}
.summaryItemLargeValue,
.summaryItemLargeValue.summaryItemChangedValue {
    background-color: #ffe6e6;
}

Online Demo

ASPxGridView - Client Summary Calculation

Inheritance

ASPxClientEventArgs

ASPxClientGridBatchEditSummaryDisplayTextEventArgs