0

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);

「VBox レイアウトでは、プロパティ 'row' はサポートされていません!」という出力が得られました。

表は正しく表示されますが、垂直方向のサイズ変更によって表の垂直方向のサイズが変更されません。

では、テーブル コンポーネント、ツールバーで使用する必要があるレイアウト タイプは何ですか?

PS: 私はすでに "Dock" レイアウトを試しています。ここでも同様のエラーが表示されます。テーブルサイズを定義する別の方法が必要なのかもしれません。

4

1 に答える 1

2

ラインを落とすだけ

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

グリッド レイアウトでのみ有効です。

ウィンドウにアイテムが1つしかない場合の最適なレイアウトは、おそらく

qx.ui.layout.Grow()
于 2011-08-28T18:51:17.523 に答える