TreeList for DevExtreme - How to display a summary for each level

This example illustrates how to display a summary (e.g. count|sum) for each level in TreeList.

The calculation starts when the data was initially loaded in the onContentReady event handler. Summmary calculation is implemented in the getSummary function. In this function we use recursion in order to traverse all nodes and get the necessary data to calculate the total value for each level.

After calculation is finished, the push API is used in order to insert rows with summary values on each level.

Note that this solution does not support remote operations.

Files to Review

• Angular
  • app.component.html
  • app.component.ts
• jQuery
  • index.html
  • index.js
• React
  • App.js
• Vue
  • App.vue

Documentation

• Getting Started with TreeList

• TreeList - API Reference

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)