DxTreeList.Attributes Property

Specifies a collection of standard HTML attributes applied to the TreeList.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter(CaptureUnmatchedValues = true)]
public IReadOnlyDictionary<string, object> Attributes { get; set; }

Property Value

Type	Description
IReadOnlyDictionary<String, Object>	A collection of attributes.

Remarks

To apply a standard HTML attribute to the TreeList, specify the attribute’s name and its value among TreeList properties in the markup. If the specified name does not match an existing TreeList property name, the component passes the specified value to the Attributes collection.

You can use the Attributes collection to add TreeList attributes at runtime.

If you specify CSS classes with both the CssClass property and the class attribute, the TreeList combines them in the rendered HTML element.

The following code snippet sets a custom value to the TreeList’s title attribute at design time and runtime.

Design Time

@inject EmployeeTaskService EmployeeTaskService

<DxTreeList Data="TreeListData"
            KeyFieldName="Id"
            ParentKeyFieldName="ParentId"
            title="A sample TreeList tooltip.">
    <Columns>
        <DxTreeListDataColumn FieldName="Name" Caption="Task" />
        <DxTreeListDataColumn FieldName="EmployeeName" />
        <DxTreeListDataColumn FieldName="StartDate" />
        <DxTreeListDataColumn FieldName="DueDate" />
    </Columns>
</DxTreeList>

@code {
    List<EmployeeTask> TreeListData { get; set; }

    protected override void OnInitialized() {
        TreeListData = EmployeeTaskService.GenerateData();
    }
}

Runtime

@inject EmployeeTaskService EmployeeTaskService

<DxTreeList Data="TreeListData"
            KeyFieldName="Id"
            ParentKeyFieldName="ParentId"
            Attributes="TreeListAttributes">
    <Columns>
        <DxTreeListDataColumn FieldName="Name" Caption="Task" />
        <DxTreeListDataColumn FieldName="EmployeeName" />
        <DxTreeListDataColumn FieldName="StartDate" />
        <DxTreeListDataColumn FieldName="DueDate" />
    </Columns>
</DxTreeList>

@code {
    List<EmployeeTask> TreeListData { get; set; }
    Dictionary<string, object> TreeListAttributes { get; set; } = new();

    protected override void OnInitialized() {
        TreeListData = EmployeeTaskService.GenerateData();
        TreeListAttributes["title"] = "A sample TreeList tooltip.";
    }
}

Implements

Attributes

Attributes