This code will let you move both rows and col

answered 2006-07-13 05:52:44 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=3819941

By: henrichen

Hi! Bakoma,

Thanks for the contribution. Maybe we should put this to ZK's how-to wiki. Can you do it?

I revised your code a little.
1. ZK support matching of draggable and droppable (just put them with same string) into one drag-n-drop group. i.e. only matching draggable and droppable would generate the onDrop event. (true is an "always match" keyword) Therefore I change the draggable and droppable from "true" to "col" and "row" to split column and row to two dragging group.

2. There is an Java API indexOf in List. That I changed it.

3. Since column and row have been split to two dragging group, no need to do the class name checking anymore, I remove it.

Here is the revised code:

<zk>
<grid>
<columns>
<column label="Type" draggable="col" droppable="col"
onDrop="move(event.dragged)"/>
<column label="Content" draggable="col" droppable="col"
onDrop="move(event.dragged)"/>
<column label="Action" draggable="col" droppable="col"
onDrop="move(event.dragged)"/>
</columns>
<rows>
<row draggable="row" droppable="row" onDrop="move(event.dragged)"> <label value="A" /> <label value="98" /> <button label="X"/> </row> <row draggable="row" droppable="row" onDrop="move(event.dragged)"> <label value="B" /> <label value="54" /> <button label="Y"/> </row> <row draggable="row" droppable="row" onDrop="move(event.dragged)"> <label value="C" /> <label value="73" /> <button label="Z"/> </row> </rows> </grid> <zscript><![CDATA[ void move(Component dragged) {
if(dragged.getClass().getName().endsWith("Column")) {
int maxCols=dragged.getParent().getChildren().size();
int maxRows=dragged.getGrid().getRows().getChildren().size();
int i= dragged.getParent().getChildren().indexOf(dragged);
int j= self.getParent().getChildren().indexOf(self);

//move celles for each row
for(int k=0; k < maxRows; k++)
self.getGrid().getCell(k,j).parent.insertBefore(self.getGrid().getCe
ll(k,i), self.getGrid().getCell(k,j));
}

self.parent.insertBefore(dragged, self); } ]]></zscript> </zk>