Select Component
Displays a combobox that allows a user to select one or more items. This component wraps the excellent react-selectize.
If the Select's items are fetched from a service (via an ObjectDataRequest) a refresh button is appended to the right of the combobox that will fire the ObjectDataRequest again when clicked.
When the user scrolls to the bottom of the current set of items in the dropdown the next page of items (if they exist) will be fetched then appended to the list of items.
By default pagination is disabled for Selects populated by a list. You can enable it by setting the pagination attribute to true.
You can adjust the amount of items that are displayed per page (default is 250) by changing the paging.select setting. See Settings
for more information. Alternatively you can adjust the page size for a specific table by adding the paginationSize attribute.
"attributes": {
"classes": "myclass1 myclass2",
"pagination": false,
"paginationSize": 10
}| Key | Value | Description |
|---|---|---|
| classes | strings | Custom class names that will be added to the element |
| pagination | true or false | Enable pagination if the Select is bound to a list of items |
| paginationSize | number | Set the number of items displayed on each "page" of this Select. Set to zero to display all items (if supported by the Service the Select is loading data from) |
Package: Download
