1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
package com.vaadin.tests.components.grid;
import java.util.List;
import java.util.stream.Collectors;
import com.vaadin.annotations.Theme;
import com.vaadin.annotations.Widgetset;
import com.vaadin.data.provider.ListDataProvider;
import com.vaadin.server.VaadinRequest;
import com.vaadin.shared.ui.dnd.DropEffect;
import com.vaadin.shared.ui.dnd.EffectAllowed;
import com.vaadin.shared.ui.grid.DropLocation;
import com.vaadin.shared.ui.grid.DropMode;
import com.vaadin.tests.util.Person;
import com.vaadin.ui.Grid;
import com.vaadin.ui.components.grid.GridDragSource;
import com.vaadin.ui.components.grid.GridDropTarget;
@Theme("valo")
@Widgetset("com.vaadin.DefaultWidgetSet")
public class GridDragAndDrop extends AbstractGridDnD {
private List<Person> draggedItems;
@Override
protected void setup(VaadinRequest request) {
getUI().setMobileHtml5DndEnabled(true);
// Drag source Grid
Grid<Person> left = createGridAndFillWithData(50);
GridDragSource<Person> dragSource = applyDragSource(left);
// Drop target Grid
Grid<Person> right = createGridAndFillWithData(0);
GridDropTarget<Person> dropTarget = applyDropTarget(right);
initializeTestFor(left, right, dragSource, dropTarget);
}
private GridDragSource<Person> applyDragSource(Grid<Person> grid) {
GridDragSource<Person> dragSource = new GridDragSource<>(grid);
dragSource.setEffectAllowed(EffectAllowed.MOVE);
// Set data generator
dragSource.setDragDataGenerator("application/json", person -> {
StringBuilder builder = new StringBuilder();
builder.append('{');
builder.append("\"First Name\":");
builder.append("\"" + person.getFirstName() + "\"");
builder.append(',');
builder.append("\"Last Name\":");
builder.append("\"" + person.getLastName() + "\"");
builder.append('}');
return builder.toString();
});
// Add drag start listener
dragSource.addGridDragStartListener(event -> {
draggedItems = event.getDraggedItems();
log("START: " + draggedItems.size() + ", :"
+ draggedItems.stream().map(person -> person.getLastName())
.collect(Collectors.joining(" ")));
});
// Add drag end listener
dragSource.addGridDragEndListener(event -> {
log("END: dropEffect=" + event.getDropEffect());
if (event.getDropEffect() == DropEffect.MOVE
&& draggedItems != null) {
// If drop is successful, remove dragged item from source Grid
((ListDataProvider<Person>) grid.getDataProvider()).getItems()
.removeAll(draggedItems);
grid.getDataProvider().refreshAll();
// Remove reference to dragged items
draggedItems = null;
}
});
return dragSource;
}
private GridDropTarget<Person> applyDropTarget(Grid<Person> grid) {
// Create and attach extension
GridDropTarget<Person> dropTarget = new GridDropTarget<>(grid,
DropMode.BETWEEN);
dropTarget.setDropEffect(DropEffect.MOVE);
// Add listener
dropTarget.addGridDropListener(event -> {
event.getDragSourceExtension().ifPresent(source -> {
if (source instanceof GridDragSource) {
ListDataProvider<Person> dataProvider = (ListDataProvider<Person>) event
.getComponent().getDataProvider();
List<Person> items = (List<Person>) dataProvider.getItems();
// Calculate the target row's index
int index = items.size();
if (event.getDropTargetRow().isPresent()) {
index = items.indexOf(event.getDropTargetRow().get())
+ (event.getDropLocation() == DropLocation.BELOW
? 1
: 0);
}
// Add dragged items to the target Grid
items.addAll(index, draggedItems);
dataProvider.refreshAll();
log("DROP: dragData=" + event.getDataTransferText()
+ ", dragDataJson="
+ event.getDataTransferData("application/json")
+ ", target="
+ (event.getDropTargetRow().isPresent()
? event.getDropTargetRow().get()
.getFirstName()
+ " "
+ event.getDropTargetRow().get()
.getLastName()
: "[BODY]")
+ ", location=" + event.getDropLocation()
+ ", mouseEventDetails="
+ event.getMouseEventDetails());
}
});
});
return dropTarget;
}
}
|
