ListBox (Angular)link

This guide demonstrates how to use the ListBox component.

ListBox Propertieslink

Name	Type	Default	Description
Name	string	'listbox' + index suffix	Unique name of the ListBox.
Placeholder	string	empty	ListBox placeholder.
Data	array	null	ListBox data.
Value	string	null	ListBox value.
TextProperty	string	null	ListBox data text property name.
AllowFiltering	boolean/expression	false	Is ListBox filterable.
Multiple	boolean/expression	false	Is multiple selection allowed.
Checkbox	boolean/expression	false	Is selection with checkbox allowed.
ShowToggleAll	boolean/expression	true	Whether header checkbox is shown in multiple mode.
ReadOnly	boolean/expression	false	Is ListBox read-only.
Disabled	boolean/expression	false	Is ListBox disabled.
Visible	boolean/expression	true	Is ListBox visible.

Name	Type	Default	Description
Change	event	null	Change event of the ListBox. Selected value as event argument.

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

<rz-listbox #listbox0 [data]="getProductsResult" textProperty="ProductName" valueProperty="Id" name="listbox0">
</rz-listbox>

In this article —

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

Select theme: