DxTreeList.FilterMenuButtonDisplayMode Property
Specifies when the TreeList displays filter menu buttons in column headers.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(TreeListFilterMenuButtonDisplayMode.Default)]
[Parameter]
public TreeListFilterMenuButtonDisplayMode FilterMenuButtonDisplayMode { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Tree |
Default | An enumeration value. |
Available values:
Name | Description |
---|---|
Default | For the |
Never | The buttons are always hidden. |
Always | The buttons are always visible. |
#Remarks
Set the FilterMenuButtonDisplayMode
property to Always
to display filter menu buttons in column headers. When a user clicks a filter menu button, the TreeList displays a dropdown with all unique column values. Users can select and deselect these values to filter TreeList data.
To specify button visibility for a particular data column, use the DxTreeListDataColumn.FilterMenuButtonDisplayMode property.
Note
The Tree
For more information about column filter menus, refer to the following help topic: Column Filter Menu in Blazor TreeList.
The following example adds a filter menu button to all columns, except Task:
<DxTreeList Data="Data"
KeyFieldName="Id"
ParentKeyFieldName="ParentId"
FilterMenuButtonDisplayMode="TreeListFilterMenuButtonDisplayMode.Always"
CssClass="max-h-480">
<Columns>
<DxTreeListDataColumn FieldName="Name"
Caption="Task"
FilterMenuButtonDisplayMode="TreeListFilterMenuButtonDisplayMode.Never" />
<DxTreeListDataColumn FieldName="EmployeeName" Caption="Assigned To" TextAlignment="TreeListTextAlignment.Left" />
<DxTreeListDataColumn FieldName="StartDate" Width="150px" />
<DxTreeListDataColumn FieldName="DueDate" Width="150px" />
</Columns>
</DxTreeList>