docs/source/column-tree.html

   1 <html>\r
   2 <head>\r
   3   <title>The source code</title>\r
   4     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
   5     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
   6 </head>\r
   7 <body  onload="prettyPrint();">\r
   8     <pre class="prettyprint lang-js">Ext.onReady(function(){\r
   9     var tree = new Ext.ux.tree.ColumnTree({\r
  10         width: 550,\r
  11         height: 300,\r
  12         rootVisible:false,\r
  13         autoScroll:true,\r
  14         title: 'Example Tasks',\r
  15         renderTo: Ext.getBody(),\r
  16 \r
  17         columns:[{\r
  18             header:'Task',\r
  19             width:330,\r
  20             dataIndex:'task'\r
  21         },{\r
  22             header:'Duration',\r
  23             width:100,\r
  24             dataIndex:'duration'\r
  25         },{\r
  26             header:'Assigned To',\r
  27             width:100,\r
  28             dataIndex:'user'\r
  29         }],\r
  30 \r
  31         loader: new Ext.tree.TreeLoader({\r
  32             dataUrl:'column-data.json',\r
  33             uiProviders:{\r
  34                 'col': Ext.ux.tree.ColumnNodeUI\r
  35             }\r
  36         }),\r
  37 \r
  38         root: new Ext.tree.AsyncTreeNode({\r
  39             text:'Tasks'\r
  40         })\r
  41     });\r
  42 });</pre>    \r
  43 </body>\r
  44 </html>