43 lines
1.0 KiB
JavaScript
43 lines
1.0 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
// first example
|
|
$("#navigation").treeview({
|
|
persist: "location",
|
|
collapsed: true,
|
|
unique: true
|
|
});
|
|
|
|
// second example
|
|
$("#browser").treeview();
|
|
$("#add").click(function() {
|
|
var branches = $("<li><span class='folder'>New Sublist</span><ul>" +
|
|
"<li><span class='file'>Item1</span></li>" +
|
|
"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
|
|
$("#browser").treeview({
|
|
add: branches
|
|
});
|
|
branches = $("<li class='closed'><span class='folder'>New Sublist</span><ul><li><span class='file'>Item1</span></li><li><span class='file'>Item2</span></li></ul></li>").prependTo("#folder21");
|
|
$("#browser").treeview({
|
|
add: branches
|
|
});
|
|
});
|
|
|
|
// third example
|
|
$("#red").treeview({
|
|
animated: "fast",
|
|
collapsed: true,
|
|
unique: true,
|
|
persist: "cookie",
|
|
toggle: function() {
|
|
window.console && console.log("%o was toggled", this);
|
|
}
|
|
});
|
|
|
|
// fourth example
|
|
$("#black, #gray").treeview({
|
|
control: "#treecontrol",
|
|
persist: "cookie",
|
|
cookieId: "treeview-black"
|
|
});
|
|
|
|
}); |