Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

DropDownDataGrid (Angular)link

This guide demonstrates how to use the DropDownDataGrid component.

DropDownDataGrid Propertieslink

NameTypeDefaultDescription
Namestring'dropdownDatagrid' + index suffixUnique name of the DropDownDataGrid.
PlaceholderstringemptyDropDownDataGrid placeholder.
CountintegernullDropDownDataGrid number of all records.
PageSizeinteger10DropDownDataGrid number of records per page.
DataarraynullDropDownDataGrid data.
ValuestringnullDropDownDataGrid value.
TextPropertystringnullDropDownDataGrid data text property name.
AllowFilteringboolean/expressionfalseIs DropDownDataGrid filterable.
AllowClearboolean/expressionfalseCan clear DropDownDataGrid value.
AllowSortingbooleanfalseIs sorting allowed.
Multipleboolean/expressionfalseIs multiple selection allowed.
Disabledboolean/expressionfalseIs DropDownDataGrid disabled.
Visibleboolean/expressiontrueIs DropDownDataGrid visible.

image

DropDownDataGrid Eventslink

NameTypeDefaultDescription
ChangeeventnullChange event of the DropDownDataGrid. Selected value as event argument.
LoadDataeventnullLoad data event of the DropDownDataGrid raised on page, sort and filter with info about the current page, page size, sorted columns and filter expressions in OData v4 format

image

For more info about event actions please visit event actions in our documentation.

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3