Skip to main content

DxTreeView.IconCssClassExpression Property

OBSOLETE

This property is obsolete now. Add the DataMappings tag to markup, define a collection of DxTreeViewDataMapping items, and map item properties to data source fields instead.

Specifies an expression that returns the name of a CSS class applied to a node’s icon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Browsable(false)]
[Obsolete("This property is obsolete now. Add the DataMappings tag to markup, define a collection of DxTreeViewDataMapping items, and map item properties to data source fields instead.")]
[Parameter]
public Expression<Func<object, string>> IconCssClassExpression { get; set; }

Property Value

Type Description
Expression<Func<Object, String>>

A lambda expression that returns the name of a CSS.

Remarks

When the DxTreeView component is bound to a data source, use the IconCssClassExpression property to specify the lambda expression that returns the name of a CSS class applied to a node’s icon.

<DxTreeView Data="@ChemicalElements" 
            TextExpression="@(dataItem => ((ChemicalElementGroup)dataItem).Title)"
            NameExpression="@(dataItem => ((ChemicalElementGroup)dataItem).Name)"
            NavigateUrlExpression="@(dataItem => ((ChemicalElementGroup)dataItem).Url)"
            IconCssClassExpression="@(dataItem => ((ChemicalElementGroup)dataItem).Icon)"
            ChildrenExpression="@(dataItem => ((ChemicalElementGroup)dataItem).Groups)">
</DxTreeView>

Online Demo

TreeView - Binding to Hierarchical Data

See Also