blazor-devexpress-dot-blazor-dot-dxtreelist-572d5afd.md
Specifies a common template used to display all column filter menus.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[Parameter]
public RenderFragment<TreeListDataColumnFilterMenuTemplateContext> DataColumnFilterMenuTemplate { get; set; }
| Type | Description |
|---|---|
| RenderFragment<TreeListDataColumnFilterMenuTemplateContext> |
The template content.
|
Specify the DataColumnFilterMenuTemplate to define a common template for all drop-down filter menus in TreeList column headers.
The template accepts a TreeListDataColumnFilterMenuTemplateContext object as the context parameter. This parameter allows you to do the following:
DateTime and DateTime? values (ListView and HierarchicalDateView properties).Note
The GetDataItemsAsync() method cannot obtain unique values from a column whose data items do not implement IComparable type. If you call the method for such a column, an error may occur.
<DxTreeList Data="Data"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
FilterMenuButtonDisplayMode="TreeListFilterMenuButtonDisplayMode.Always"
CssClass="max-h-480">
<DataColumnFilterMenuTemplate>
@* Put your content here *@
</DataColumnFilterMenuTemplate>
<Columns>
<DxTreeListDataColumn FieldName="Name" Caption="Task" />
<DxTreeListDataColumn FieldName="EmployeeName" Caption="Assigned To" TextAlignment="TreeListTextAlignment.Left" />
<DxTreeListDataColumn FieldName="StartDate" Width="150px" />
<DxTreeListDataColumn FieldName="DueDate" Width="150px" />
</Columns>
</DxTreeList>
To define a template for an individual data column, use the column’s DxTreeListDataColumn.FilterMenuTemplate property. For additional information about templates in the TreeList component, refer to the following topic: Templates in Blazor TreeList.
See Also