Aug 29, 2013, 8:43 AM
Dataview drag and drop
Hi
I am trying a drag and drop from Dataview to another dataview
basically first Dataview has multiple images and i need to drag and drop to another
to begin with i jused drop zone
<ext:DragZone ID="DragZone1" runat="server" Target="={#{ImageView}.getEl()}">
<GetDragData Fn="getDragData" />
<GetRepairXY Fn="getRepairXY" />
</ext:DragZone>
<ext:DropZone ID="DropZone1" runat="server" Target="={#{dvDroppedImage}.getEl()}">
<GetTargetFromEvent Fn="getTargetFromEvent" />
<OnNodeEnter Fn="onNodeEnter" />
<OnNodeOut Fn="onNodeOut" />
<OnNodeOver Fn="onNodeOver" />
<OnNodeDrop Fn="onNodeDrop" />
</ext:DropZone>
and
var onNodeDrop = function (target, dd, e, data) {
App.dvDroppedImage.getStore().load();
App.dvDroppedImage.getStore().loadData(data);
return true;
};
both stores look like this
<Store>
<ext:Store ID="Store3" runat="server">
<Model>
<ext:Model ID="Model7" runat="server" IDProperty="Name">
<Fields>
<ext:ModelField Name="Name" />
<ext:ModelField Name="Url" />
<ext:ModelField Name="Description" />
<ext:ModelField Name="guid"></ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
Unfortunately this does not work
Funny thing is , i tried the same thing via HTML, ie updating the html of the target dataview body with the 'data' and it works like a charm ,
but somehow i feel the compulsion to do it via store . Any help is appreciated
var onNodeDrop = function (target, dd, e, data) {
//update the target HTML manually
};
Thanks
Rajat
I am trying a drag and drop from Dataview to another dataview
basically first Dataview has multiple images and i need to drag and drop to another
to begin with i jused drop zone
<ext:DragZone ID="DragZone1" runat="server" Target="={#{ImageView}.getEl()}">
<GetDragData Fn="getDragData" />
<GetRepairXY Fn="getRepairXY" />
</ext:DragZone>
<ext:DropZone ID="DropZone1" runat="server" Target="={#{dvDroppedImage}.getEl()}">
<GetTargetFromEvent Fn="getTargetFromEvent" />
<OnNodeEnter Fn="onNodeEnter" />
<OnNodeOut Fn="onNodeOut" />
<OnNodeOver Fn="onNodeOver" />
<OnNodeDrop Fn="onNodeDrop" />
</ext:DropZone>
and
var onNodeDrop = function (target, dd, e, data) {
App.dvDroppedImage.getStore().load();
App.dvDroppedImage.getStore().loadData(data);
return true;
};
both stores look like this
<Store>
<ext:Store ID="Store3" runat="server">
<Model>
<ext:Model ID="Model7" runat="server" IDProperty="Name">
<Fields>
<ext:ModelField Name="Name" />
<ext:ModelField Name="Url" />
<ext:ModelField Name="Description" />
<ext:ModelField Name="guid"></ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
Unfortunately this does not work
Funny thing is , i tried the same thing via HTML, ie updating the html of the target dataview body with the 'data' and it works like a charm ,
but somehow i feel the compulsion to do it via store . Any help is appreciated
var onNodeDrop = function (target, dd, e, data) {
//update the target HTML manually
};
Thanks
Rajat