Is it possible to attach a Popup to items in a Dhtmlx tree?
Hello
Try the next code sample:
tree = new dhtmlXTreeObject("treeboxbox_tree2", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("../dhtmlxSuite_v41_pro/imgs/csh_bluebooks/");
tree.setDataMode("json");
tree.loadJSONObject({
id:'0', item:[
{id: '0-1', text: 'Item 1-0', item:[
{id: '0-1-0', text: 'Item 1-0-0'},
{id: '0-2-0', text: 'Item 2-0-0'},
{id: '0-3-0', text: 'Item 3-0-0'}
]},
{id: '0-2', text: 'Item 2-0', child: '1'},
{id: '0-3', text: 'Item 3-0', child: '1'}
]});
myPop = new dhtmlXPopup();
tree.attachEvent("onClick",function(id){
//var node = tree._globalIdStorageFind(id).htmlNode.firstChild.firstChild.lastChild;
var node = tree._globalIdStorageFind(id).htmlNode;
console.log(getOffset(node));
var x = getOffset(node).left;
var y = getOffset(node).top;
var w = node.offsetWidth;
var h = node.offsetHeight;
myPop.show(x - w/2,y,w,h);
myPop.attachHTML(id);
});