Hi,
I want to drag rows from a table into folders of a tree.
The problem is that not only the EventListener of the node itself is
executed but every EventListener "above" the node.
Perhaps a little example would be helpful...
## start code ##
var MailFolderTree = new qx.ui.tree.Tree("Hide me");
var x1 = new qx.ui.tree.TreeFolder("x1");
x1.setUserData("nodeId", 1)
var x1 = new qx.ui.tree.TreeFolder("x1");
x1.setUserData("nodeId", 1);
var x2 = new qx.ui.tree.TreeFolder("x2");
x2.setUserData("nodeId", 2);
var x3 = new qx.ui.tree.TreeFolder("x3");
x3.setUserData("nodeId", 3);
x1.add(x2);
x2.add(x3);
var x4 = new qx.ui.tree.TreeFolder("x4");
x4.setUserData("nodeId", 4);
var x5 = new qx.ui.tree.TreeFolder("x5");
x5.setUserData("nodeId", 5);
x3.add(x4);
x4.add(x5);
var x6 = new qx.ui.tree.TreeFolder("x6");
x6.setUserData("nodeId", 6);
MailFolderTree.add(x1, x6);
x1.setDropDataTypes(["text/plain"]);
x1.addEventListener("dragdrop", function(e) {
alert("1");
});
x2.setDropDataTypes(["text/plain"]);
x2.addEventListener("dragdrop", function(e) {
alert("2");
});
x3.setDropDataTypes(["text/plain"]);
x3.addEventListener("dragdrop", function(e) {
alert("3");
});
x4.setDropDataTypes(["text/plain"]);
x4.addEventListener("dragdrop", function(e) {
alert("4");
});
x5.setDropDataTypes(["text/plain"]);
x5.addEventListener("dragdrop", function(e) {
alert("5");
});
x6.setDropDataTypes(["text/plain"]);
x6.addEventListener("dragdrop", function(e) {
alert("6");
});
MailFolderTree.setHeight(300);
var Layout = new qx.ui.layout.VerticalBoxLayout();
Layout.set({ left:20, top:20, right:20, bottom:20, spacing:10 });
var rowData = [];
rowData.push([ 1, "fdsfsd", "hjkhjkhjk", new Date() ]);
rowData.push([ 2, "fdsdsffsd", "hjk4545hjkhjk", new Date() ]);
var tableModel = new qx.ui.table.model.Simple();
tableModel.setColumns([ "ID", "A number", "A date", "Boolean test" ]);
tableModel.setData(rowData);
var custom = {
tableColumnModel : function(obj) {
return new qx.ui.table.columnmodel.Resize(obj);
}
};
var table = new qx.ui.table.Table(tableModel, custom);
with (table) {
set({ width:"100%", height:"1*", border:"inset-thin" });
getSelectionModel().setSelectionMode(qx.ui.table.selection.Model.MULTIPLE_INTERVAL_SELECTION);
var tcm = table.getTableColumnModel();
var resizeBehavior = tcm.getBehavior();
resizeBehavior.set(0, { width:"1*", minWidth:40, maxWidth:80 });
resizeBehavior.setWidth(1, "50%");
resizeBehavior.setMinWidth(1, 100);
resizeBehavior.setMaxWidth(1, 320);
// Set one fixed width column
resizeBehavior.set(3, { width:100 });
// Display a checkbox in column 3
tcm.setDataCellRenderer(3, new qx.ui.table.cellrenderer.Boolean());
};
table.addEventListener("dragstart", function(e) {
e.addData("text/plain", "dd_MailOverviewTable");
e.addAction("move");
e.addAction("copy");
e.startDrag();
});
Layout.add(MailFolderTree, table);
doc.add(Layout);
## end code ##
My problem is that if you drag a row from to table on "x5" than you can see
5 alerts...
Firefox 2 (Firebug) also tells me that "this.getSourceWidget() has no
properties"
Would be cool if s.o. had a hint ;-)
Thanks in advance
Wolfram
--
View this message in context:
http://www.nabble.com/Drag-Drop-between-Table-and-Tree-tf4336216.html#a12350862
Sent from the qooxdoo-devel mailing list archive at Nabble.com.
-------------------------------------------------------------------------
This SF.net email is sponsored by: Splunk Inc.
Still grepping through log files to find problems? Stop.
Now Search log events and configuration files using AJAX and a browser.
Download your FREE copy of Splunk now >> http://get.splunk.com/
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
