qooxdooでウィンドウの高さを設定するにはどうすればいいですか？

Question

私はウィンドウの高さを設定したいのは、親コンポーネントのフルサイズですが、高さのフルサイズを設定することはできません。 次のコードは、私たちの要件のサンプルスニペットです。

var win = new qx.ui.window.Window("First Window"); 
win.setAllowMaximize(true) 
win.setWidth(300); 
//We want to set full height window 
win.setBackgroundColor("green"); 

this.getRoot().add(win, {left:20, top:20}); 
win.open(); 

Answer 1

高さの設定はレイアウトによって異なります。この例のように、プレイグラウンドを使用しているように、デフォルトのレイアウトはキャンバスで、個々のエッジからの距離を指定できます。また

var win = new qx.ui.window.Window("First Window"); 
win.setAllowMaximize(true) 
win.setWidth(300); 
win.setBackgroundColor("green"); 

this.getRoot().add(win, {left:20, top:0, bottom:0}); 
win.open(); 

を、そしておそらくあなたがあなたの本当のアプリケーションのために必要なものを、あなたはどの内の場所に垂直ボックスのレイアウトを持っている：あなたはキャンバスのレイアウトで探しているものを達成するために、あなたの例は次のように修正されます窓。その場合、あなたはこのウィジェットは、コンテナ内のスペースの比例量を取る持っているflexレイアウト機能を使用します（この場合には、容器の全高を使用します）：

// Use a vertical box layout instead of the default canvas layout 
this.getRoot().setLayout(new qx.ui.layout.VBox()); 

// Create a window 
var win = new qx.ui.window.Window("First Window"); 
win.setMaxWidth(200); 
win.setShowMinimize(false); 

// Add the window to the root with flex so that it takes up available space 
this.getRoot().add(win, {flex : 1}); 
win.open(); 

Derrell