title: Does anybody know how to load data in ExtJS TreeGrid on demand?
body: <p>I have found a good TreeGrid control in ExtJS library. But there is one thing, I have very big tree and I need the loading on demand.</p>
  
  <p>Does anybody know how to load data in ExtJS TreeGrid on demand?</p>
  
  <p>My code is here:</p>
  
  <pre><code>Ext.onReady(function () {
      Ext.QuickTips.init();
  
      var tree = new Ext.ux.tree.TreeGrid({
          title: 'Encyclopedia',
          width: 400,
          height: 500,
          animate: true,
          autoScroll: true,
          renderTo: "EncyclopediaTree",
          containerScroll: false,
          border: false,
          enableDD: false,
          root : new Ext.tree.AsyncTreeNode({text: 'Root'}),
          loader: new Ext.tree.TreeLoader({ dataUrl: '/AdminEx/GetEncyclopediaTree' }),        
  
          columns: [{
              header: 'Item',
              dataIndex: 'item',
              width: 230
          }, {
              header: 'Type',
              width: 150,
              dataIndex: 'type'
          }]        
      });
  });
  </code></pre>