var treeData = [ { title : "item1 with key and tooltip", tooltip: "Look, a tool tip!" }, { title: "item2: selected on init" }, { children: [ { children: [ { key : "id3.1.1", title: "Sub-item 3.1.1" }, { key : "id3.1.2", title: "Sub-item 3.1.2" } ], title : "Sub-item 3.1" }, { children: [ { key : "id3.2.1", title: "Sub-item 3.2.1" }, { key : "id3.2.2", title: "Sub-item 3.2.2" } ], title : "Sub-item 3.2" } ], isFolder: true, key : "id3", title : "Folder" }, { children: [ { children: [ { key : "id4.1.1", title: "Sub-item 4.1.1" }, { key : "id4.1.2", title: "Sub-item 4.1.2" } ], title : "Sub-item 4.1 (active on init)" }, { children: [ { key : "id4.2.1", title: "Sub-item 4.2.1" }, { key : "id4.2.2", title: "Sub-item 4.2.2" } ], title : "Sub-item 4.2 (selected on init)" }, { hideCheckbox: true, title : "Sub-item 4.3 (hideCheckbox)" }, { title : "Sub-item 4.4 (unselectable)", unselectable: true } ], expand : true, key : "id4", title : "Document with some children (expanded on init)" } ]; $(function () { $("#tree3").dynatree({ checkbox : true, children : treeData, onDblClick: function (node, event) { node.toggleSelect(); }, onKeydown : function (node, event) { if (event.which == 32) { node.toggleSelect(); return false; } }, onSelect : function (select, node) { // Get a list of all selected nodes, and convert to a key array: var selKeys = $.map(node.tree.getSelectedNodes(), function (node) { return node.data.key; }); $("#echoSelection3").text(selKeys.join(", ")); // Get a list of all selected TOP nodes var selRootNodes = node .tree .getSelectedNodes(true); // ... and convert to a key array: var selRootKeys = $.map(selRootNodes, function (node) { return node.data.key; }); $("#echoSelectionRootKeys3").text(selRootKeys.join(", ")); $("#echoSelectionRoots3").text(selRootNodes.join(", ")); }, selectMode: 3 }); $("#btnToggleSelect").click(function () { $("#tree2") .dynatree("getRoot") .visit(function (node) { node.toggleSelect(); }); return false; }); $("#btnDeselectAll").click(function () { $("#tree2") .dynatree("getRoot") .visit(function (node) { node.select(false); }); return false; }); $("#btnSelectAll").click(function () { $("#tree2") .dynatree("getRoot") .visit(function (node) { node.select(true); }); return false; }); }); var x = { "carh" : "rabbit", "diklj": "pny", "lkp" : { "asd": "thn" }, "sdf" : "sdf", "xyz" : [ { "asdf": "sdfd", "sdf" : "fds" }, { "sdf": "df", "yuj": "uiy" }, [ { "iuo": "sdf", "sdf": "fds" }, "sdf", "efs", "wef" ] ] }; var x = { car: rabbit, dog: pny, sd : [ { asdf: sdfd, sdf : fds }, { sdf: df, yuj: uiy }, [ { sdf: "fds", sdf: sdf }, sdf, efs, wef ] ], sdf: sdf, { asd: thn } };