blazor-devexpress-dot-blazor-dot-icomboboxsettings.md
Specifies the width of the combo box editor’s drop-down list.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
[DefaultValue(DropDownWidthMode.ContentOrEditorWidth)]
[Parameter]
DropDownWidthMode DropDownWidthMode { get; set; }
| Type | Default | Description |
|---|---|---|
| DropDownWidthMode | ContentOrEditorWidth |
An enumeration value.
|
Available values:
| Name | Description |
|---|---|
| ContentOrEditorWidth |
The list displays item text completely. The minimum list width matches the editor.
| | ContentWidth |
The list width is equal to the width of the longest list item.
| | EditorWidth |
The list width matches the editor. List items are cut if they do not fit.
|
Use the DropDownWidthMode property to change drop-down list width at runtime. To specify the width in markup, use the DxComboBoxSettings.DropDownWidthMode property.
The IComboBoxSettings interface allows you to get and customize settings of a combo box editor at runtime. You can get editor settings in the following ways:
Call the GetColumnEditSettings method to get editor settings of the column bound to the specified data source field.
Handle the CustomizeFilterRowEditor event to customize a cell editor in the filter row.
void Grid_CustomizeFilterRowEditor(GridCustomizeFilterRowEditorEventArgs e) {
if(e.EditSettings is IComboBoxSettings comboBoxSettings)
comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
}
void Grid_CustomizeDataRowEditor(GridCustomizeDataRowEditorEventArgs e) {
if(e.EditSettings is IComboBoxSettings comboBoxSettings)
comboBoxSettings.DropDownWidthMode = DropDownWidthMode.EditorWidth;
}
See Also