ExtJS 4.1: Vậy lạ lỗi: lỗi chưa gặp: Không thể đọc thuộc 'mục' không xác định

Question

bạn có thể thay đổi mẫu: app/simple/app/Viewport.js này:

bạn sẽ nhận được lỗi này trong Chrome console:

Uncaught TypeError: Cannot read property 'items' of undefined ext-all.js:18 Ext.cmd.derive.getDockedItems

Nhưng nếu bạn nhận xét điều này:

initComponent : function() { 
          this.callParent(); 
         }, 

Mọi thứ đều ổn.

Ext.define('AM.view.Viewport', { 
     extend : 'Ext.container.Viewport', 

     layout: 'border', 
     items : [{ 
        border : false, 
        region : 'north', 
        xtype : 'progressbar', 
        text : 'Ready', 
        height : 20 
       }, { 
        region : 'west', 
        xtype : 'userlist', 
        width:300 
       }, { 
        region : 'center', 
        xtype : 'treepanel', 
        initComponent : function() { 
         this.callParent(); 
        }, 
        columns : [{ 
           xtype : 'treecolumn', 
           sortable : false, 
           width : 200, 
           text : 'lala', 
           dataIndex : 'text' 
          }, { 
           flex : 1, 
           sortable : false, 
           text : 'haha', 
           dataIndex : 'pars' 
          }] 
       }] 
    }); 

Answer 1

1- cố gắng để gọi với các đối số phụ huynh như thế này:

. 
. 
. 
,initComponent : function() { 
this.callParent(arguments); 
}, 
. 
. 
. 

HOẶC gọi các lớp siêu:

. 
. 

,initComponent : function() { 
    this.callSuper(arguments); 
}, 
. 
. 
. 

Answer 2

initComponent chỉ hoạt động cho các thành phần mới được xác định. Trong trường hợp của bạn cho 'AM.view.Viewport'. Bạn không thể ghi đè initComponent cho thành phần được chèn làm cấu hình của thành phần trong các mục. Nếu bạn muốn xác định initComponent cho treepanel đó, bạn phải mở rộng nó và sau đó đặt phần mở rộng này vào các mục của khung nhìn của bạn.