DxComboBoxSettings.GroupHeaderDisplayTemplate Property

Specifies the template used to display group headers when ComboBox items are grouped.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public RenderFragment<ComboBoxGroupHeaderDisplayTemplateContext> GroupHeaderDisplayTemplate { get; set; }

Property Value

Type	Description
RenderFragment<ComboBoxGroupHeaderDisplayTemplateContext>

The template content.

Remarks

This property allows you to specify a template content for group headers in the combo box editor:

razor

<DxGrid Data="Products"
        EditMode="GridEditMode.EditRow"
        CustomizeEditModel="Grid_CustomizeEditModel"
        EditModelSaving="Grid_EditModelSaving">
    <Columns>
        <DxGridCommandColumn DeleteButtonVisible="false" Width="15%" />
        <DxGridDataColumn FieldName="ProductName" Width="25%" />
        <DxGridDataColumn FieldName="CategoryId" Caption="Category" Width="10%">
            <EditSettings>
                <DxComboBoxSettings Data="Categories" 
                                    ValueFieldName="CategoryId" 
                                    TextFieldName="CategoryName" 
                                    GroupFieldName="CategoryName"
                                    SearchFilterCondition="ListSearchFilterCondition.StartsWith" >
                    <GroupHeaderDisplayTemplate>Category : @context.DisplayText
                    </GroupHeaderDisplayTemplate>
                </DxComboBoxSettings>
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="UnitPrice" DisplayFormat="c" Width="10%">
            <EditSettings>
                <DxSpinEditSettings MinValue="0M" Mask="n3" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="UnitsInStock" />
        <DxGridDataColumn FieldName="QuantityPerUnit" Width="15%" />   
        <DxGridDataColumn FieldName="Discontinued" />
    </Columns>
</DxGrid>

Implements

GroupHeaderDisplayTemplate