1
0

demo.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. window.addEvent('domready',function(){
  2. tree = new Mif.Tree({
  3. container: $('tree_container'),// tree container
  4. types: {// node types
  5. folder: {
  6. openIcon: 'mif-tree-open-icon',//css class open icon
  7. closeIcon: 'mif-tree-close-icon'// css class close icon
  8. }
  9. },
  10. dfltType: 'folder',//default node type
  11. height: 18//node height
  12. });
  13. var json = [
  14. {
  15. "property": {
  16. "name": "root"
  17. },
  18. "children": [
  19. {
  20. "property": {
  21. "name": "node1"
  22. }
  23. },
  24. {
  25. "property": {
  26. "name": "node2",
  27. "openIconUrl": "folder-open.gif",
  28. "closeIconUrl": "folder-close.gif"
  29. },
  30. "state": {
  31. "open": true
  32. },
  33. "children":[
  34. {
  35. "property": {
  36. "name": "node2.1"
  37. }
  38. },
  39. {
  40. "property": {
  41. "name": "node2.2"
  42. }
  43. }
  44. ]
  45. },
  46. {
  47. "property": {
  48. "name": "node4"
  49. }
  50. },
  51. {
  52. "property": {
  53. "name": "node3"
  54. }
  55. }
  56. ]
  57. }
  58. ];
  59. // load tree from json.
  60. tree.load({
  61. json: json
  62. });
  63. });