mirror of https://github.com/rancher/dashboard.git
20 lines
1.1 KiB
Markdown
20 lines
1.1 KiB
Markdown
|
|
# Update Select Components
|
|
|
|
Make use of server-side pagination and filtering in components used to select resources.
|
|
|
|
In the UI there are places where the user is required to select a specific resource. These use the `LabeledSelect` component. A new select component `ResourceLabeledSelect` has been created that supports both the old method (fetch everything, display everything) and the new method (fetch only a page's worth of data, only show that page). This should replace usages of `LabeledSelect`.
|
|
|
|
Some additional configuration can be supplied, see the `paginatedResourceSettings` property / `ResourceLabeledSelectPaginateSettings` type for details.
|
|
|
|
*Examples*
|
|
|
|
- rancher/dashboard `shell/components/form/SecretSelector.vue`
|
|
- rancher/dashboard `shell/chart/rancher-backup/S3.vue`
|
|
|
|
## Checklist
|
|
|
|
1. `LabeledSelect` component has been replaced with `ResourceLabeledSelect`
|
|
1. Configuration has been supplied, given the resource type and requirements
|
|
1. Changes have been validated when Server-Side Pagination is enabled and disabled via the `ui-sql-cache` Feature Flag
|