DxTreeList.DataColumnFilterMenuTemplate Property
Specifies a common template used to display all column filter menus.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public RenderFragment<TreeListDataColumnFilterMenuTemplateContext> DataColumnFilterMenuTemplate { get; set; }
Property Value
Type | Description |
---|---|
RenderFragment<TreeListDataColumnFilterMenuTemplateContext> | The template content. |
Remarks
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:
- Specify the filter criteria the filter menu applies to the data column (the FilterCriteria property).
- Obtain a list of default filter menu items (the GetDataItemsAsync() method).
- Choose the view type for
DateTime
andDateTime?
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 more information about templates in the TreeList component, refer to the following topic: Templates in Blazor TreeList.