qooxdoo qx.Desktop：將網格佈局設置爲全屏

Question

也許這是一個新手問題，如何將網格佈局設置爲全屏？

我當前的代碼是：

var container = new qx.ui.container.Composite().set({ 
     decorator: "main", 
     backgroundColor: "yellow", 
     allowGrowX: false, 
     allowGrowY: false 
    }); 
    var layout = new qx.ui.layout.Grid(2,2); 
    layout.setSpacing(5); 
    container.setLayout(layout); 

    var w1 = new qx.ui.core.Widget(); 
    var w2 = new qx.ui.core.Widget(); 
    var w3 = new qx.ui.core.Widget(); 
    var w4 = new qx.ui.core.Widget(); 

    container.add(w1, {row: 0, column: 0}); 
    container.add(w2, {row: 0, column: 1}); 
    container.add(w3, {row: 1, column: 0}); 
    container.add(w4, {row: 1, column: 1}); 
    container.set({backgroundColor : "white"}); 
    this.getRoot().add(container, {edge: 0}); 

我錯過了什麼？它只佔用瀏覽器的一小部分。

p.s.我正在致力於qx.Desktop。

Answer 1

，使電網布局佔據全屏，我要補充：

layout.setRowFlex(1, 1); 
layout.setColumnFlex(1, 1); 

var layout = new qx.ui.layout.Grid(2,2);後

。

該代碼是設置寬度爲&網格佈局（1,1）的網格高度靈活。對於函數setRowFlex()或setColumnFlex()，第一個參數是網格的索引，而第二個參數設置網格是否具有靈活的寬度/高度（1 =靈活，0 =固定）

Answer 2

什麼

... 
allowGrowX: true, 
allowGrowY: true 
... 

？！ （想想這些名字）。