在視口面板中顯示TreeStore

Question

我是ExtJS的新手，我嘗試在西部地區使用導航樹創建視口。我無法弄清楚爲什麼下面的代碼渲染視口，而不是樹;有人可以幫忙嗎？

Ext.onReady(function() { 

    var navTree = Ext.create('Ext.data.TreeStore', { 
     root: { 
      text: 'Root Node', 
      expanded: true, 
      children: [ 
       { 
        text: 'Child 1', 
        leaf: true 
       }, 
       { 
        text: 'Child 2', 
        leaf: true 
       } 
      ] 
     } 
    }); 

    var vp = Ext.create('Ext.Viewport', { 
     layout: 'border', 
     defaults: { 
      frame: true, 
      split: true 
     }, 
     items: [ 
      { 
       id: 'titlePanel', 
       height: 40, 
       region: 'north' 
      }, 
      { 
       id: 'navPanel', 
       store: navTree, 
       width: 250, 
       region: 'west', 
       title: 'West Region', 
       collapsible: true 
      }, 
      { 
       id: 'bodyPanel', 
       region: 'center', 
       title: 'Center Region' 
      } 
     ] 
    }); 
}); 

Answer 1

因爲沒有什麼可以告訴什麼樣的分量它是由西部地區，因此在渲染默認Ext.panel.Panel，而不是Ext.tree.Panel。

包括xtype: 'treepanel'配置爲西面板。