How to apply HtmlAttributes for nodes in Treeview?

Description

You can easily map and apply the Html Attribute to TreeView items by using HtmlAttributes property in TreeViewModel class.

Solution

For applying the Html Attribute to the TreeView items, you have to configure some of the following properties in TreeView model.

1. Map the HtmlAttributes property to the DataSource field.

Note: When LoadOnDemand is required, enable “LoadOnDemand” and assign “RequestMapper” value.

The value of HtmlAttributes should be in the following format,

1. In order to assign the value to the attribute, use “=” character.

Example: “style=background-color: red; font-weight: bold; height: 21px; “

2. To apply a multiple attribute value’s, use comma (“,”) to separate each attribute and its value.

Example: “style=background-color: red; font-weight: bold;, height= 21px, width=100px”

Sample Table Data:

Figure 1: Sample Table Data

Refer to the following code example for SQL Data Binding.

CSHTML

C#               

Refer to the following code example for TreeView SQL Data binding with LoadOnDemand.

C#