DropDown (Blazor)
This article demonstrates how to use the DropDown component. Check also the component guide and API reference.
DropDown Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘dropdown’ + index suffix | Unique name of the DropDown. |
| Placeholder | string | empty | DropDown placeholder. |
| Data | array | null | DropDown data. |
| Value | object | null | DropDown value. |
| TextProperty | string | null | DropDown data text property name. |
| ValueProperty | string | null | DropDown data value property name. |
| AllowFiltering | boolean/expression | false | Is DropDown filterable. |
| AllowVirtualization | boolean | false | Is virtualization allowed. |
| AllowClear | boolean/expression | false | Can clear DropDown value. |
| Multiple | boolean/expression | false | Is multiple selection allowed. |
| Disabled | boolean/expression | false | Is DropDown disabled. |
| Visible | boolean/expression | true | Is DropDown visible. |
| Template | string | null | DropDown item template. |
| Style | string | null | In-line CSS style. |
| FilterCaseSensitivity | enum | Default | Default or CaseInsensitive. |
| FilterDelay | integer | 500 | Number of milliseconds to wait before filter. |
| SelectedItemsText | string | ‘items selected’ | Selected items text. |
| SelectAllText | string | null | Selected all text. |
| MaxSelectedLabels | integer | 4 | Number of max selected items represented as text. |
DropDown Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the DropDown. Selected value as event argument. |
For more info about event actions please visit event actions in our documentation.
Blazor declaration
<RadzenDropDown Multiple="true" Placeholder="Select..." Data="@customers" TextProperty="CompanyName" ValueProperty="CustomerID" Change="@DropDownChanged" />
DropDown component can perform server-side paging and filtering when AllowVirtualization is set to true and bound to IQueryable.