DxTreeViewDataMappingBase.BadgeText Property

Specifies a node’s badge text. Map this property to a data source field.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

[DefaultValue(null)]
[Parameter]
public string BadgeText { get; set; }

Property Value

Type	Default	Description
String	null	The field name.

Remarks

The following code snippet maps the Badge data source field to the BadgeText property:

Razor

<DxTreeView Data="@Products">
    <DataMappings>
        <DxTreeViewDataMapping Children="Children"
                               Text="Name"
                               BadgeText="Badge" />
    </DataMappings>
</DxTreeView>

@code {
    List<Product> Products { get; set; } = new() {
        new Product {
            Name = "Desktop UI Controls",
            Children = new() {
                new Product { Name = "WinForms" },
                new Product { Name = "VCL (Delphi & C++Builder)" }
            }
        },
        new Product { Name = "Free Utilities", Badge="New" }
    };
}

Department.cs

public class Product
{
    public string Name { get; set; }
    public string Badge { get; set; }
    public List<Product> Children { get; set; }
}