DxTreeListDataColumn.FilterMenuButtonDisplayMode Property
Specifies when the column displays the filter menu button.
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 Dx |
Never | The buttons are always hidden. |
Always | The buttons are always visible. |
#Remarks
Set the FilterMenuButtonDisplayMode
property to Always
to display filter menu button in the column header. When a user clicks the button, the TreeList displays a dropdown with all unique column values. Users can select and deselect these values to filter TreeList data.
To specify the button visibility for all data columns, use the DxTreeList.FilterMenuButtonDisplayMode property. Note that the value specified at the column level overrides that of the component level.
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>