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 fields concerned by automatic Drag and Drop
Moves possible between controls:
WEBDEV: Fields for 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 offer 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 programmatically,
enable the codes for managing the Drag and Drop in the processes of the controls.

Otherwise, the automatic management will be disabled: the Drag and Drop will need to be managed programmatically.

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 fields concerned by automatic Drag and Drop

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

Edit control,
Text Tokens Input Field (Drag and Drop Tokens).
List Box control,
ListView control,
Table control,
TreeView control.

Special cases Drag and Drop between two Table control fields:
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, data may be altered or lost during transfer (automation conversions).. In this case, we recommend that you use the drag-and-drop operations set programmatically.

Moves possible between controls:

Source element	Target element	Action performed

Table control based on a data 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 row(s) selected in the Table control are copied into the target List box: column data are separated by tabs.
	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 row(s) selected in the Table control are copied into the target List box: column data are separated by tabs.
	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.
TreeView control file field	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).
List Box control based on a data file	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.
"Text token" Edit control	"Text token" Edit control	The control content is copied to the target control. It is possible to: move tokens within the same Edit control field, if the field is both target and source. copy tokens from one edit control to another.

Note: These fields 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: Fields for automatic Drag and Drop

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

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

Possible shifts between fields:

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.

Note At present, 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.