DxDropDownBoxDropDownButton Class

In This Article

Declaration

Remarks

Implements

Inheritance

A button that invokes the drop-down window in the DxDropDownBox component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

#Declaration

public class DxDropDownBoxDropDownButton :
    DxEditorDropDownButtonBase

#Remarks

The DxDropDownBox component has a built-in button that invokes the drop-down window. Set the ShowDropDownButton property to false to hide this button.

You can add a custom drop-down button to the editor as follows:

Add a DxDropDownBoxDropDownButton object to the Buttons collection.
Customize button properties.

Razor

<label for="ddbMultipleSelectionListBox" class="cw-480 mb-1">Employees</label>
<DxDropDownBox @bind-Value="Value"
                QueryDisplayText="QueryText"
                InputId="ddbMultipleSelectionListBox"
                CssClass="cw-480"
                ShowDropDownButton="false"
                ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto">
    <Buttons>
        <DxDropDownBoxDropDownButton Position="EditorButtonPosition.Left" />
        <DxEditorButton Text="Default" Click="SetDefaultValue" />
    </Buttons>
    <DropDownBodyTemplate>
        <DxListBox ... />
    </DropDownBodyTemplate>
</DxDropDownBox>

@code {
    object Value { get; set; }

    // ...
    void SetDefaultValue(MouseEventArgs args) {
        // Value = ...
    }
}