/ext-4.1.0_b3/docs/extjs/examples/videos/tree.html

https://bitbucket.org/srogerf/javascript · HTML · 36 lines · 30 code · 5 blank · 1 comment · 0 complexity · 0c6eeb548c0761bfd003d7a6feb8a698 MD5 · raw file 

    

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <title>Grids</title>
    5. 

  5.     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
    6. 

  6. 

  7.     <!-- GC -->
    8. 

  8. 

  9.     <script type="text/javascript" src="../../ext-all.js"></script>
    10. 

  10. </head>
    11. 

  11. <body>
    12. 

  12.     <script type="text/javascript" charset="utf-8">
    13. 

  13.         Ext.require();
    14. 

  14. 

  15.         Ext.onReady(function() {
    16. 

  16.             Ext.create('Ext.tree.Panel', {
    17. 

  17.                 renderTo: Ext.getBody(),
    18. 

  18.                 width: 400,
    19. 

  19.                 height: 600,
    20. 

  20.                 title: 'Categories',
    21. 

  21.                 rootVisible: false, //IT'S UGLY THAT I HAVE TO DO THIS
    22. 

  22. 

  23.                 //ALSO, INCREDIBLY, IF I DELETE THE ROOTVISIBLE LINE THIS DOESN'T WORK AT ALL :/
    24. 

  24. 

  25.                 store: {
    26. 

  26.                     autoLoad: true,
    27. 

  27.                     proxy: {
    28. 

  28.                         type: 'ajax',
    29. 

  29.                         url: 'tree.json'
    30. 

  30.                     }
    31. 

  31.                 }
    32. 

  32.             });
    33. 

  33.         });
    34. 

  34.     </script>
    35. 

  35. </body>
    36. 

  36. </html>
    37.