treeview-demo.min.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. $(function(){
  2. var e=[
  3. {text:"父节点 1",href:"#parent1",tags:["4"],
  4. nodes:[
  5. {text:"子节点 1",href:"#child1",tags:["2"],
  6. nodes:[{text:"孙子节点 1",href:"#grandchild1",tags:["0"]},
  7. {text:"孙子节点 2",href:"#grandchild2",tags:["0"]}]},
  8. {text:"子节点 2",href:"#child2",tags:["0"]}]},
  9. {text:"父节点 2",href:"#parent2",tags:["0"]},
  10. {text:"父节点 3",href:"#parent3",tags:["0"]},
  11. {text:"父节点 4",href:"#parent4",tags:["0"]},
  12. {text:"父节点 5",href:"#parent5",tags:["0"]}],
  13. o=[{text:"父节点 1",tags:["2"],
  14. nodes:[{text:"子节点 1",tags:["3"],
  15. nodes:[
  16. {text:"孙子节点 1",tags:["6"]},
  17. {text:"孙子节点 2",tags:["3"]}]},
  18. {text:"子节点 2",tags:["3"]}]},
  19. {text:"父节点 2",tags:["7"]},
  20. {text:"父节点 3",icon:"glyphicon glyphicon-earphone",href:"#demo",tags:["11"]},
  21. {text:"父节点 4",icon:"glyphicon glyphicon-cloud-download",href:"/demo.html",tags:["19"],selected:!0},
  22. {text:"父节点 5",icon:"glyphicon glyphicon-certificate",color:"pink",backColor:"red",href:"http://www.tesco.com",tags:["available","0"]}],
  23. t='[{"text": "父节点 1",' +
  24. '"nodes": [{"text": "子节点 1",' +
  25. '"nodes": [{"text": "孙子节点 1"},{"text": "孙子节点 2"}]},{"text": "子节点 2"}]},' +
  26. '{"text": "父节点 2"},' +
  27. '{"text": "父节点 3"},' +
  28. '{"text": "父节点 4"},' +
  29. '{"text": "父节点 5"}]';
  30. $("#treeview1").treeview({data:e}),
  31. $("#treeview2").treeview({levels:1,data:e}),
  32. $("#treeview3").treeview({levels:99,data:e}),
  33. $("#treeview4").treeview({color:"#428bca",data:e}),
  34. $("#treeview5").treeview({color:"#428bca",expandIcon:"glyphicon glyphicon-chevron-right",collapseIcon:"glyphicon glyphicon-chevron-down",nodeIcon:"glyphicon glyphicon-bookmark",data:e}),
  35. $("#treeview6").treeview({color:"#428bca",expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",showTags:!0,data:e}),
  36. $("#treeview7").treeview({color:"#428bca",showBorder:!1,data:e}),
  37. $("#treeview8").treeview({expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",color:"yellow",backColor:"purple",onhoverColor:"orange",borderColor:"red",showBorder:!1,showTags:!0,highlightSelected:!0,selectedColor:"yellow",selectedBackColor:"darkorange",data:e}),
  38. $("#treeview9").treeview({expandIcon:"glyphicon glyphicon-stop",collapseIcon:"glyphicon glyphicon-unchecked",nodeIcon:"glyphicon glyphicon-user",color:"yellow",backColor:"purple",onhoverColor:"orange",borderColor:"red",showBorder:!1,showTags:!0,highlightSelected:!0,selectedColor:"yellow",selectedBackColor:"darkorange",data:o}),
  39. $("#treeview10").treeview({color:"#428bca",enableLinks:!0,data:e}),
  40. $("#treeview11").treeview({color:"#428bca",data:e,onNodeSelected:function(e,o){$("#event_output").prepend("<p>您单击了 "+o.text+"</p>")}}),
  41. $("#treeview12").treeview({data:t})
  42. });