Back to Devexpress

ASPxClientGridBatchEditSummaryDisplayTextEventArgs Class

aspnet-js-aspxclientgridbatcheditsummarydisplaytexteventargs.md

latest2.2 KB
Original Source

ASPxClientGridBatchEditSummaryDisplayTextEventArgs Class

Provides data for the BatchEditSummaryDisplayText event.

Declaration

ts
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

See Also

ASPxClientGridBatchEditSummaryDisplayTextEventArgs Members