在qooxdoo中爲可調整大小的窗口選擇最佳佈局

Question

我想了解Qooxdoo。

那麼，窗口，使用「VBox」佈局工作，工具欄也是如此，但表組件 工作不正常。

qx.Class.define("tiny.MainWindow", 
{ 
extend : qx.ui.window.Window, 

construct : function() 
{ 
    this.base(arguments, "tiny") 
    this.setContentPadding(0); 

    this.setWidth(400); 
    this.setHeight(300); 

    var layout = new qx.ui.layout.VBox(); 
    this.setLayout(layout); 
    this.setShowMinimize(false); 
    this.setAllowClose(false); 
    this.setContentPadding(0); 
    this.open(); 

    // toolbar and buttons is hidden 
    // because only table works wrong 

    var tableModel = new qx.ui.table.model.Simple(); 
    tableModel.setColumns(["ID"]); 
    tableModel.setData([[0],[1],[2],[3]]); 

    var table = new qx.ui.table.Table(tableModel); 
    this.add(table, {row: 1, column: 0, colSpan: 10}); 

    this.add(table, {flex: 1}); 
} 
}); 

var tiny_window = new tiny.MainWindow(); 
tiny_window.open(); 
tiny_window.moveTo(100, 100); 

我有這樣的輸出： 「屬性‘行’不被垂直框佈局的支持！」

表格顯示正確，但垂直尺寸調整不變 表格垂直尺寸。

那麼，我必須使用什麼佈局類型與表格組件，工具欄？

P.S .:我已經嘗試過「碼頭」佈局。在這裏，錯誤是類似的：「Dock'佈局不支持屬性'row'：'row'值必須具有數組'flex，edge，height，width'中定義的任何值。也許我需要其他方式來定義表格的大小？

Answer 1

剛落線

this.add(table, {row: 1, column: 0, colSpan: 10}); 

它僅適用於網格佈局

你的情況的最佳佈局，只有一個窗口中的項目很可能是

qx.ui.layout.Grow()