This field type implements the Element Plus Transfer component and leverages SortableJS to provide a re-ordering feature for items in the list.
It's used across all fields that support multi-valued items, which are:
The Transfer field type is accompanied by a set of field options that can be used to customize the behavior of the component:
Name | Description | Type | Default | |
Filterable | Render a search box allowing the user to filter items within the list | yes/no | no | |
Filter Placeholder | Placeholder text for the filter input | text | Enter keyword | |
Source List Title | Label for the left list | text | List | |
Target List Title | Label for the right list | text | Selected | |
Ordering | Enable the re-ordering feature of items in the list | yes/no | no |
Let's see an example using the Multiselect field.
We have to edit the field input type option to set it to Transfer
.
Do not forget to specify the options of your multiselect field. 😉
That is it. We now get the following output in the form