THEMES
THEME SETTINGS

Tree List - Data Shaping Templates

 Fish Catalog
Expand
Species No:90250Length:15
Common Name:Bluehead Wrasse
Species Name:Thalassoma bifasciatum
Show notes...
 
Species No:90098Length:19
Common Name:Ornate Butterflyfish
Species Name:Chaetodon Ornatissimus
Show notes...
 
Species No:90310Length:25
Common Name:Surf Smelt
Species Name:Hypomesus pretiosus
Show notes...
 
Species No:90200Length:28
Common Name:Redband Parrotfish
Species Name:Sparisoma Aurofrenatum
Show notes...
 
Species No:90070Length: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:
Version: v2017 vol 1.5
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.