demo.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. $(document).ready(function(){
  2. // first example
  3. $("#navigation").treeview({
  4. persist: "location",
  5. collapsed: true,
  6. unique: true
  7. });
  8. // second example
  9. $("#browser").treeview();
  10. $("#add").click(function() {
  11. var branches = $("<li><span class='folder'>New Sublist</span><ul>" +
  12. "<li><span class='file'>Item1</span></li>" +
  13. "<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
  14. $("#browser").treeview({
  15. add: branches
  16. });
  17. 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");
  18. $("#browser").treeview({
  19. add: branches
  20. });
  21. });
  22. // third example
  23. $("#red").treeview({
  24. animated: "fast",
  25. collapsed: true,
  26. unique: true,
  27. persist: "cookie",
  28. toggle: function() {
  29. window.console && console.log("%o was toggled", this);
  30. }
  31. });
  32. // fourth example
  33. $("#black, #gray").treeview({
  34. control: "#treecontrol",
  35. persist: "cookie",
  36. cookieId: "treeview-black"
  37. });
  38. });