2013-04-04 41 views
1

如何添加工具栏到网格布局?qooxdoo:添加一个工具栏到网格布局?

var container = new qx.ui.container.Composite(); 
var layout = new qx.ui.layout.Grid(2,2); 
container.setLayout(layout); 
var w1 = new qx.ui.core.Widget(); 

var toolbar = new qx.ui.toolbar.ToolBar(); 
var btn_status = new qx.ui.toolbar.Button("I am a button"); 
toolbar.add(btn_status); 

container.add(w1, {row: 0, column: 0}); 
// w1.add(toolbar); // <---- 
container.set({backgroundColor : "white"}); 
this.getRoot().add(container, {edge: 0}); 

如果我取消注释唯一注释行,则布局将为空白,不会提示错误。

我错过了什么?我正在致力于qx.Desktop

回答

2

不需要中间部件(var w1 = new qx.ui.core.Widget();)。其实qx.ui.core.Widget不是一个容器,它没有add()方法。 Javascript控制台可能显示错误。

您可以直接将工具栏添加到组合。

container.add(toolbar, {row: 0, column: 0}); 
+0

谢谢!救了我!那么除了设置背景颜色之外,'qx.ui.core.Widget'还有什么用? – Raptor 2013-04-04 16:28:41

+0

不客气:) 一般来说,它被用作所有qooxdoo小部件的抽象类。 因为它只是渲染一个正方形,所以它有时被用来绘制颜色,但我不确定这是否是一个好主意。 – 2013-04-04 17:14:58