There is a pair of arrow buttons which move highlighted items between the lists. The user selects and de-selects items in the double-list-panel by moving them between the two lists.
For this, you should use the value property and IDs of the necessary items. Details are given below value - string,array sets the IDs of items initially selected placed into the right list Customizing Buttons The default DoubleList buttons look as follows: You can define custom buttons for your interface by using the buttons property.
There are three ways to move the items: Highlight the items to move by normal list-panel selection gestures, then press an arrow button.
There is no action-callback for double-list-panel. One list contains the selected items and the other contains the unselected items.
You need to create an instance of doublelist and put it into the body of the forminput control. The setValue method defines the item s that should be selected moved to the right list.
The lists' config is inherited from Webix List buttons - string,boolean sets a custom template for buttons or hides them. For example, you can set arrow icons in the list template and specify onClick behavior: webix.
The left list has the ID "left" and the right one - "right", correspondingly. It takes the items IDs as a string or as an array: webix.
It is possible to set the IDs either as a string or as an array: webix. It can both select the specified items move them to the right list or return them back to the left list. There are two ways to customize the buttons' appearance: specify a custom template for buttons: webix.
Double click on an item to move it. The selection-callbackextend-callback or retract-callback is called as appropriate when items are moved between the lists.
The default interaction of double-list-panel is :extended-selection. Highlight a single item to move by normal list-panel selection gestures, then press Return.