This is an automated email from the ASF dual-hosted git repository.
yishayw pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 35b5131 Show drag out of application bead
35b5131 is described below
commit 35b51315ff2f26b280914c6b768dce83a16df7fe
Author: DESKTOP-RH4S838\Yishay <[email protected]>
AuthorDate: Wed Dec 11 12:32:15 2019 +0200
Show drag out of application bead
---
.../src/main/royale/MultiDragAndDropExample.mxml | 47 ++++++++++++++++------
1 file changed, 34 insertions(+), 13 deletions(-)
diff --git
a/examples/royale/MultiDragDropExample/src/main/royale/MultiDragAndDropExample.mxml
b/examples/royale/MultiDragDropExample/src/main/royale/MultiDragAndDropExample.mxml
index 7879704..f94f62c 100644
---
a/examples/royale/MultiDragDropExample/src/main/royale/MultiDragAndDropExample.mxml
+++
b/examples/royale/MultiDragDropExample/src/main/royale/MultiDragAndDropExample.mxml
@@ -53,27 +53,48 @@
dp.push("Item 22");
myList1.dataProvider = dp;
myList2.dataProvider = [];
+ myList3.dataProvider = [];
+ outOfApplicationBead.addEventListener("drop",
dropHandler);
}
+
+ private function dropHandler(e:Event):void
+ {
+ myList3.dataProvider = DragEvent.dragSource as Array;
+ }
+
]]>
</fx:Script>
<js:valuesImpl>
<js:SimpleCSSValuesImpl />
</js:valuesImpl>
+ <js:beads>
+ <js:OutOfApplicationDropTargetBead id="outOfApplicationBead"/>
+ </js:beads>
<js:initialView>
<js:View>
- <js:HContainer width="1200">
- <js:MultiSelectionList id="myList1" width="600"
height="400">
- <js:beads>
-
<js:MultiSelectionDragSourceBead dragType="move" />
- <js:MultiSelectionDragImageBead
/>
- </js:beads>
- </js:MultiSelectionList>
- <js:MultiSelectionList id="myList2" width="600"
height="400">
- <js:beads>
-
<js:SensitiveMultiSelectionDropTargetBead />
-
<js:SingleSelectionDropIndicatorBead />
- </js:beads>
- </js:MultiSelectionList>
+ <js:HContainer width="1800">
+ <js:VContainer width="400" height="320">
+ <js:Label text="Drag From Here"
height="20"/>
+ <js:MultiSelectionList id="myList1"
width="400" height="300">
+ <js:beads>
+
<js:MultiSelectionDragSourceBead dragType="move" />
+
<js:MultiSelectionDragImageBead />
+ </js:beads>
+ </js:MultiSelectionList>
+ </js:VContainer>
+ <js:VContainer width="400" height="320">
+ <js:Label text="Drop here" height="20"/>
+ <js:MultiSelectionList id="myList2"
width="400" height="300">
+ <js:beads>
+
<js:SensitiveMultiSelectionDropTargetBead />
+
<js:SingleSelectionDropIndicatorBead />
+ </js:beads>
+ </js:MultiSelectionList>
+ </js:VContainer>
+ <js:VContainer width="400" height="320">
+ <js:Label height="20" text="Or drop out
of application"/>
+ <js:List id="myList3" width="400"
height="300"/>
+ </js:VContainer>
</js:HContainer>
</js:View>
</js:initialView>
