2013-04-04 59 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