Loading...
 

Transfer Field Type


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:

Development

Usage

1. Related field options

The Transfer field type is accompanied by a set of field options that can be used to customize the behavior of the component:

NameDescriptionTypeDefault
FilterableRender a search box allowing the user to filter items within the listyes/nono
Filter PlaceholderPlaceholder text for the filter inputtextEnter keyword
Source List TitleLabel for the left listtextList
Target List TitleLabel for the right listtextSelected
OrderingEnable the re-ordering feature of items in the listyes/nono

2. Example

Let's see an example using the Multiselect field.
We have to edit the field input type option to set it to Transfer.

Click to expand
Click to expand

Do not forget to specify the options of your multiselect field. 😉

That is it. We now get the following output in the form

Click to expand
Click to expand
List Slides