Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Templates

 
Fish Catalog
Expand
Species_No:90250
Length:15
Common_Name:Bluehead Wrasse
Species_Name:Thalassoma bifasciatum
Show notes...
 
Species_No:90098
Length:19
Common_Name:Ornate Butterflyfish
Species_Name:Chaetodon Ornatissimus
Show notes...
 
Species_No:90310
Length:25
Common_Name:Surf Smelt
Species_Name:Hypomesus pretiosus
Show notes...
 
Species_No:90200
Length:28
Common_Name:Redband Parrotfish
Species_Name:Sparisoma Aurofrenatum
Show notes...
 
Species_No:90070
Length:30
Common_Name:Blue Angelfish
Species_Name:Pomacanthus nauarchus
Show notes...
Page 1 of 5 (21 items)FirstPrev12345NextLast


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.


See Also:
Collapse/Expand
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).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxTreeListDemos