Select theme:

ListBox (Angular)Link to this section

This guide demonstrates how to use the ListBox component.

ListBox PropertiesLink to this section

NameTypeDefaultDescription
Namestring'listbox' + index suffixUnique name of the ListBox.
PlaceholderstringemptyListBox placeholder.
DataarraynullListBox data.
ValuestringnullListBox value.
TextPropertystringnullListBox data text property name.
AllowFilteringboolean/expressionfalseIs ListBox filterable.
Multipleboolean/expressionfalseIs multiple selection allowed.
Checkboxboolean/expressionfalseIs selection with checkbox allowed.
ShowToggleAllboolean/expressiontrueWhether header checkbox is shown in multiple mode.
ReadOnlyboolean/expressionfalseIs ListBox read-only.
Disabledboolean/expressionfalseIs ListBox disabled.
Visibleboolean/expressiontrueIs ListBox visible.

image

ListBox EventsLink to this section

NameTypeDefaultDescription
ChangeeventnullChange event of the ListBox. Selected value as event argument.

image

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

Angular declarationLink to this section

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

© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: