Ext.Button 클래스를 Box 구성 요소에 추가하기

Question

extjs 2.2.1을 사용하여 상자 구성 요소 클래스에 버튼을 추가하는 데 어려움이 있습니다. 내 이해에서, 상자 구성 요소는 구성 요소 클래스를 확장하기 때문에 항목을 추가 할 수있는 구성 옵션이 없습니다. 그래서 아래의 코드가 작동하지 않습니다 ...

new Ext.Viewport({ 
    layout : 'border', 
    items : [new Ext.BoxComponent({ 
     region : 'north', 
     el : 'north', 
     height : 50, 
     items : new Ext.Button({ 
     iconCls : 'logout', 
     text : 'logout', 
     tooltip : 'logout', 
     handler : function() { } 
     }, mainTabPanel]) 
}); 

내가 boxcomponent 클래스로 구성되어이 북부 지역에 버튼을 추가 할 수있는 해결 방법이 있습니까? 올바른 방향으로 도움을 주시면 대단히 감사하겠습니다. 고맙습니다.

Answer 1

BoxComponent에는 하위 항목을 포함 할 수있는 기능이 없으므로 표시 할 문서를 보면 구성 옵션이 없다는 것을 알 수 있습니다. 이 효과를 얻으려면 컨테이너 (또는 일부 하위 클래스)를 사용해야합니다.

Answer 2

컨테이너가 아니기 때문에 BoxComponent 클래스에 하위 항목이있는 방법이 없습니다. 그래서 대신 BoxComponent를 Panel 클래스와 같은 컨테이너 클래스로 변경하여 버튼 클래스를 추가 할 수있게되었습니다.

new Ext.Viewport({ 
    layout : 'border', 
    items : [new Ext.Panel({ 
     region : 'north', 
     applyTo : 'north', 
     height : 50, 
     items : new Ext.Button({ 
     iconCls : 'logout', 
     text : 'logout', 
     tooltip : 'logout', 
     handler : function() { } 
    }, mainTabPanel]) 
    });