extjs/examples/classic/videos/tree.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   6     <title>Trees</title>
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
   8
   9     <!-- GC -->
  10
  11     <script type="text/javascript" src="../../ext-all.js"></script>
  12 </head>
  13 <body>
  14     <script type="text/javascript" charset="utf-8">
  15         Ext.require();
  16
  17         Ext.onReady(function() {
  18             Ext.create('Ext.tree.Panel', {
  19                 renderTo: Ext.getBody(),
  20                 width: 400,
  21                 height: 600,
  22                 title: 'Categories',
  23                 rootVisible: false, //IT'S UGLY THAT I HAVE TO DO THIS
  24
  25                 //ALSO, INCREDIBLY, IF I DELETE THE ROOTVISIBLE LINE THIS DOESN'T WORK AT ALL :/
  26
  27                 store: {
  28                     autoLoad: true,
  29                     proxy: {
  30                         type: 'ajax',
  31                         url: 'tree.json'
  32                     }
  33                 }
  34             });
  35         });
  36     </script>
  37 </body>
  38 </html>