The TreeList provides a set of templates that allow you to create custom layouts for its visual elements (column headers, data and footer cells, etc.).
This sample uses Temlplates for individual nodes.
The DataBinder.Eval method is used to define one-way (read-only) binding. The DataBinder.Eval method takes the name of a data field and returns an object containing the value of that field from the current record in the data source.
You can also use Template Containers to obtain cell values, display text, etc.
In this demo, the template contains a link labeled 'Show notes...'. Clicking this link or a picture displays a popup panel with additional information about an item. This information is obtained using a custom data callback.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxTreeListDemos