DropDownDataGrid (Angular)link

This guide demonstrates how to use the DropDownDataGrid component.

DropDownDataGrid Propertieslink

Name	Type	Default	Description
Name	string	'dropdownDatagrid' + index suffix	Unique name of the DropDownDataGrid.
Placeholder	string	empty	DropDownDataGrid placeholder.
Count	integer	null	DropDownDataGrid number of all records.
PageSize	integer	10	DropDownDataGrid number of records per page.
Data	array	null	DropDownDataGrid data.
Value	string	null	DropDownDataGrid value.
TextProperty	string	null	DropDownDataGrid data text property name.
AllowFiltering	boolean/expression	false	Is DropDownDataGrid filterable.
AllowClear	boolean/expression	false	Can clear DropDownDataGrid value.
AllowSorting	boolean	false	Is sorting allowed.
Multiple	boolean/expression	false	Is multiple selection allowed.
Disabled	boolean/expression	false	Is DropDownDataGrid disabled.
Visible	boolean/expression	true	Is DropDownDataGrid visible.

Name	Type	Default	Description
Change	event	null	Change event of the DropDownDataGrid. Selected value as event argument.
LoadData	event	null	Load 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

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

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: