Automatic Drag and Drop

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

This content has been translated automatically. Click here to view the French version.

Help / WLanguage / WLanguage functions / Controls, pages and windows / Drag and drop functions

Overview
WINDEV: The controls affected by the automatic Drag and Drop
Moves allowed between controls:
WEBDEV: The controls affected by the automatic Drag and Drop
Configuring the default Drag and Drop

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

Drag and Drop

Automatic Drag and Drop

Overview

For some types of controls, WINDEV and WEBDEV propose an automatic management of Drag and Drop.

No specific programming is required. In the control description, all you have to do is specify that Drag and Drop must be supported.

You must not:

call the functions for managing the Drag and Drop through programming,
enable the codes for managing the Drag and Drop in the processes of the controls.

Otherwise, the automatic management will be disabled: therefore, Drag and Drop must be managed through programming.

This page presents:

the controls affected by the automatic Drag and Drop in WINDEV.
the controls affected by the automatic Drag and Drop in WEBDEV.
the implementation of automatic Drag and Drop.

WINDEV: The controls affected by the automatic Drag and Drop

In WINDEV, the automatic Drag and Drop is available for the following controls:

Edit control,
control "Text tokens" input system (Drag and Drop tokens).
List Box control,
ListView control,
Table control,
TreeView control.

Special cases: Drag and Drop between two Table controls:
To perform an automatic Drag and Drop between two Table controls:

The number of columns must be identical. The content of column 1 of source Table control will be copied into column 1 of target Table control, idem for column 2, ...
The columns can have different names.
The type of columns can be different. CAUTION: In this case, the data can be altered or lost during the transfer (automatic conversions). In this case, we recommend that you use the drag-and-drop operations set programmatically.

Moves allowed between controls:

Source element	Target element	Action performed

control Table file	Table control populated programmatically	The rows selected in the source Table control are copied into the target Table control.
	List Box control populated programmatically	The rows selected in the Table control are copied into the target List Box control: the data found in the columns is separated by tabulations.
	Edit control	on a simple edit control, only the first element is copied. The elements found in the different columns are separated by tabulations. on a multiline edit control, all elements are copied (separated by a CR). The elements found in the different columns are separated by tabulations.
Table control populated programmatically	Table control populated programmatically	The rows selected in the Table control are copied into the target Table control.
	List Box control populated programmatically	The rows selected in the Table control are copied into the target List Box control: the data found in the columns is separated by tabulations.
	Edit control	On a simple edit control, only the first element is copied. The elements found in the different columns are separated by tabulations. On a multiline edit control, all elements are copied (separated by a CR). The elements found in the different columns are separated by tabulations.
TreeView control populated programmatically	TreeView control populated programmatically	The selected branch (and its children) are copied to the selected position in the target TreeView control.
	List Box control populated programmatically	Only the first selected branch is copied to the target List Box control. The child elements are not copied.
	Edit control	Only the first selected branch is copied. The child elements are not copied.
control Tree file	TreeView control populated programmatically	The selected branch (and its children) are copied to the selected position in the target TreeView control.
	List Box control populated programmatically	Only the first selected branch is copied to the target List Box control. The child elements are not copied.
	Edit control	Only the first selected branch is copied. The children are ignored.
List Box control populated programmatically	List Box control populated programmatically	The selected rows are copied into the target List Box control.
	TreeView control populated programmatically	The selected elements are copied into the target TreeView control as branches.
	Edit control	On a simple edit control, only the first element is copied. On a multiline edit control, all elements are copied (separated by a CR).
control File list	List Box control populated programmatically	The selected rows are copied into the target List Box control.
	TreeView control populated programmatically	The selected elements are copied into the target TreeView control as branches.
	Edit control	On a simple edit control, only the first element is copied. On a multiline edit control, all elements are copied (separated by a CR).
Edit control	Edit control	The control content is copied to the target control. For an operation performed from a multiline edit control to a simple edit control, only the first row is copied.
control "Text tokens" input device	control "Text tokens" input device	The control content is copied to the target control. It is possible to: move tokens within the same edit control, if the control is both target and source. copy tokens from one edit control to another.

Remark: These controls can be:

in the same window,
in another window of the application (Multi-windowing or MDi),
in a window of another WINDEV application.

For the other types of controls that accept Drag and Drop, the Drag and Drop must be programmed (see drag-and-drop operations set programmatically).

WEBDEV: The controls affected by the automatic Drag and Drop

In WEBDEV, the automatic Drag and Drop is available for the following controls:

Upload control,
Static control,
Button control,
Link control,
Image control,
Formatted Static control,
Edit control,
List Box control,
Combo Box control.

Moves allowed between controls:

Source element	Action performed

Button	The button caption is copied.
Static or formatted static	The content of the static is copied.
Link	The link caption is copied.
List box or combo box	The selected row is copied.
Image	If the destination is an image, the image content is copied. If the destination is another type of control, the image path is copied.
Edit control	The control content is copied to the target control.

Remark: At this time, only Firefox and Chrome fully support Drag and Drop via HTML 5. If the new versions of the different browsers include the management of Drag and Drop via HTML 5, this feature will be automatically supported by WEBDEV.

Configuring the default Drag and Drop

For the controls that propose the automatic Drag and Drop, this feature is configured in the "Details" screen of control description.

The "Is source" option is used to define the control as "Source" of Drag and Drop. The user will be able to select the content of the control and to move it to another control for example.

The "Is target" option is used to define the control as "Target" of Drag and Drop. This control will be able to receive any object "dropped" by the user.

The two options can be selected simultaneously.

Remarks:

If only the "Is source" option is checked for the control, the action performed by default will be a copy. The cut is not allowed.
If the "Is source" and "Is target" options are checked for the control, the action performed by default will be a cut. Press the Ctrl key simultaneously to perform a copy.
In TreeView controls, it is possible to:
- copy or move a root element before or after an element of the TreeView control.
- copy or move an element to a sub-level of the TreeView control.
- copy or move a single element or an element and all its children.