0

I have various draggable groups on a kinetic canvas. I need to let a user delete some of these groups.

The first problem is how to actually delete the group (with all its parts) from the canvas.

The second is what kind of UI interaction to use to allow the user to do so. I was thinking to bind dragend, check some condition (eg the position of the object, or some modal variable), and delete the group if the condition is met. Any better suggestions?

Dan Mazzini
  • 1,005
  • 10
  • 19

2 Answers2

5

Hi for removing all the elemnts of a group I think you can do

yourGroup.removeChildren();

and after(or before ) you can do :

yourGroup.getParent().remove(yourGroup);

to remove the group from is parent.strong text.

For the interaction it really depend of what you are doing, have a trash icon and drag the element in look like the interface in android. you can also have a 'edit mode'. when you are in edit mode you select the group you went work on and after select an action in some button. Like delete, copy... this type of interface will look like a ipad one...

tolbard
  • 1,273
  • 15
  • 20
  • Thank you for your answer; but does just removing the children from the group actually delete them, or does it just ungroup them? Same for the group itself: is it actually deleted? – Dan Mazzini May 21 '12 at 11:41
0

Regarding your question about 'deleting' -- yes, nodes are actually removed. If you want to check for yourself, console.dir(stage) before and after using remove() or destroy() -- either one does the same thing -- then you'll see the node is completely gone. If instead, you intend to keep it for later use, use hide() instead.

Regarding the 'method to test drag and drop on a trash can' check this post: Dragging collisions

Community
  • 1
  • 1
JSdc
  • 121
  • 1
  • 8