95 lines
2.1 KiB
JavaScript
95 lines
2.1 KiB
JavaScript
var glyph_opts = {
|
|
preset: "bootstrap3",
|
|
map: {
|
|
}
|
|
};
|
|
|
|
function initFancyTree(selector) {
|
|
$(selector).fancytree({
|
|
extensions: ["dnd5", "edit", "glyph", "wide"],
|
|
checkbox: true,
|
|
selectMode: 3,
|
|
dnd5: {
|
|
dragStart: function(node, data) {
|
|
return true;
|
|
},
|
|
dragEnter: function(node, data) {
|
|
return true;
|
|
},
|
|
dragDrop: function(node, data) {
|
|
data.otherNode.copyTo(node, data.hitMode);
|
|
}
|
|
},
|
|
glyph: glyph_opts,
|
|
// source: {url: "ajax-tree-taxonomy.json", debugDelay: 1000},
|
|
source: {
|
|
url: "ajax-tree-products.json",
|
|
debugDelay: 1000
|
|
},
|
|
// toggleEffect: { effect: "drop", options: {direction: "left"}, duration: 400 },
|
|
wide: {
|
|
iconWidth: "1em", // Adjust this if @fancy-icon-width != "16px"
|
|
iconSpacing: "0.5em", // Adjust this if @fancy-icon-spacing != "3px"
|
|
labelSpacing: "0.1em", // Adjust this if padding between icon and label != "3px"
|
|
levelOfs: "1.5em" // Adjust this if ul padding != "16px"
|
|
},
|
|
|
|
icon: function(event, data) {
|
|
// if( data.node.isFolder() ) {
|
|
// return "glyphicon glyphicon-book";
|
|
// }
|
|
},
|
|
lazyLoad: function(event, data) {
|
|
data.result = {
|
|
url: "ajax-sub2.json",
|
|
debugDelay: 1000
|
|
};
|
|
}
|
|
});
|
|
}
|
|
|
|
function initFancyTreeTable(selector) {
|
|
$(selector).fancytree({
|
|
extensions: ["dnd5", "edit", "glyph", "table"],
|
|
checkbox: true,
|
|
dnd5: {
|
|
dragStart: function(node, data) {
|
|
return true;
|
|
},
|
|
dragEnter: function(node, data) {
|
|
return true;
|
|
},
|
|
dragDrop: function(node, data) {
|
|
data.otherNode.copyTo(node, data.hitMode);
|
|
}
|
|
},
|
|
glyph: glyph_opts,
|
|
source: {
|
|
url: "ajax-tree-taxonomy.json",
|
|
debugDelay: 1000
|
|
},
|
|
table: {
|
|
checkboxColumnIdx: 1,
|
|
nodeColumnIdx: 2
|
|
},
|
|
activate: function(event, data) {
|
|
},
|
|
lazyLoad: function(event, data) {
|
|
data.result = {
|
|
url: "ajax-sub2.json",
|
|
debugDelay: 1000
|
|
};
|
|
},
|
|
renderColumns: function(event, data) {
|
|
var node = data.node,
|
|
$tdList = $(node.tr).find(">td");
|
|
$tdList.eq(0).text(node.getIndexHier());
|
|
$tdList.eq(3).text(!!node.folder);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(function() {
|
|
|
|
});
|