ListBox (Angular)
This guide demonstrates how to use the ListBox component.
ListBox Properties
| 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. |
ListBox Events
| 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.
Angular declaration
<rz-listbox #listbox0 [data]="getProductsResult" textProperty="ProductName" valueProperty="Id" name="listbox0">
</rz-listbox>