Angular UI Components
Show Demo List
|
|
|
|
The ListBox for Angular represent a component which contains a list of selectable items. It supports external data and can contain checkboxes next to the items. In addition the ListBox can display the items in groups by using the item's group property. Filtering and right to left layout can be applied. The component enables single and multiple selection and initialization from DIV, SELECT, UL or OL. It supports full UI virtualization which minimizes the number of DOM elements that need to be rendered and improves performance in scenarios with thousands of list items.
jqxListBox is the jQWidgets ListBox component for Angular. List with single or multiple selection, check boxes, grouping, filtering and drag-and-drop.
jqxListBox has 34 properties, 5 events and 42 methods, all in the API reference. Its main members, those its demos use first:
select (event) – This event is triggered when the user selects an item.selectedIndex (property) – Sets or gets the selected index.displayMember (property) – Sets or gets the displayMember of the Items.valueMember (property) – Sets or gets the valueMember of the Items.renderer (property) – Callback function which is called when an item is rendered.change (event) – This event is triggered when the user selects an item.getSelectedItems (method) – Gets the selected ListBox items.selectIndex (method) – Selects item.multipleextended (property) – Enables/disables the multiple selection using Shift and Ctrl keys.focus (method) – Sets the focus to the jqxListBox.