2009-07-27 35 views
1

我正在使用extjs 2.2.1,在将一个按钮添加到一个框组件类时有点麻烦。根据我的理解,由于box组件扩展了组件类,因此它没有允许添加项目的配置选项。所以,下面的代码无法正常工作......在框组件中添加一个Ext.Button类

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类的这种北部地区?任何帮助正确的方向非常感谢。谢谢。

回答

3

BoxComponent不能包含子项目,如果你看看你将看到的文档,那里没有配置选项来做到这一点。您将需要使用Container(或其某个子类)来获得此效果。

+0

嗨埃文,谢谢你的回复。我浏览了API并找到了一个替代方案,它是一个容器类(Panels)。干杯! – Snowright 2009-07-28 00:42:23

1

在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]) 
    });