liberty-prettydiff
Version:
Language aware code comparison tool for several web based languages. It also beautifies, minifies, and a few other things.
182 lines (180 loc) • 4.79 kB
Plain Text
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
}
};