[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Collapse]Data Grid
   [Expand]Getting Started
   [Expand]Implementation Details
   [Expand]Views
   [Expand]Grid View Data Layout
   [Expand]Binding to Data
   [Expand]Master-Detail Data Representation
   [Expand]Data Editing and Validation
   [Expand]Grouping
   [Expand]Selection
   [Expand]Filtering and Searching
   [Expand]Sorting
   [Collapse]Data Summaries
     Data Summaries Overview
     Total Summary
     Group Summary
     Node Summary
     Custom Summary
     Runtime Summary Editor
   [Expand]Paging and Scrolling
   [Expand]Focus and Navigation
   [Expand]Conditional Formatting
   [Expand]Drag-and-Drop
   [Expand]Appearance Customization
   [Expand]MVVM Enhancements
   [Expand]Printing and Exporting
   [Expand]End-User Interaction
   [Expand]Miscellaneous
   [Expand]Performance Improvement
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]End-User Capabilities
   [Expand]Examples
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Node Summary

A node summary represents a value of the aggregate function calculated against all child nodes within a parent node. Node summaries are displayed within node footers and stored in the view's TreeListView.NodeSummary collection.

This topic consists of the following sections.

Expanded Displaying node summaries

To create a node summary item at design time, use the NodeSummary Collection Editor.

To display node summaries in code, create a new instance of the TreeListSummaryItem class, specify its properties, and add it to the TreeListView.NodeSummary collection.

Expanded Obtaining summary values

To obtain a node summary value displayed within a particular node use the TreeListView.GetNodeSummaryValue method.

Expanded Recursive summary calculation

The TreeListView calculates summaries in the following way.

  • Total summaries are calculated recursively, and thus all the column values affect the summary value.
  • Node summaries are calculated at a single level only, i.e. in non-recursive manner.

To enable or disable recursive summary calculation for a particular summary item, use the TreeListSummarySettings.IsRecursive attached property.

Use the TreeListView.AllowRecursiveNodeSummaryCalculation property to enable or disable the recursive node summary calculation for the entire TreeListView.

Expanded Node Footers

To show node footers, use the view's TreeListView.ShowNodeFooters property.

Expanded Node summary appearance customization

The table below lists the API that allows you to change the node summary appearance.

Element

Affected Properties

Node Footer Row

TreeListView.NodeFooterRowStyle

TreeListView.NodeFooterRowTemplate

TreeListView.NodeFooterRowTemplateSelector

Node Footer Summary

TreeListView.NodeFooterSummaryContentStyle

TreeListSummaryItem.NodeFooterSummaryElementStyle

TreeListView.NodeFooterSummaryElementStyle

Node Footer Summary Item

TreeListView.NodeFooterSummaryItemTemplate

TreeListView.NodeFooterSummaryItemTemplateSelector

The code sample below demonstrates how to change the style applied to the node summary items.

Is this topic helpful?​​​​​​​