1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2006 by 1&1 Internet AG, Germany, http://www.1and1.org
License:
LGPL 2.1: http://www.gnu.org/licenses/lgpl.html
Authors:
* Sebastian Werner (wpbasti)
* Andreas Ecker (ecker)
************************************************************************ */
/* ************************************************************************
#module(ui_layout)
************************************************************************ */
qx.OO.defineClass("qx.ui.layout.DockLayout", qx.ui.core.Parent,
function() {
qx.ui.core.Parent.call(this);
});
/*!
The layout mode (in which order the children should be layouted)
*/
qx.OO.addProperty({ name : "mode", type : "string", defaultValue : "vertical", possibleValues : [ "vertical", "horizontal", "ordered" ], addToQueueRuntime : true });
/*
Overwrite from qx.ui.core.Widget, we do not support 'auto' and 'flex'
*/
qx.OO.changeProperty({ name : "width", addToQueue : true, unitDetection : "pixelPercent" });
qx.OO.changeProperty({ name : "minWidth", defaultValue : -Infinity, addToQueue : true, unitDetection : "pixelPercent" });
qx.OO.changeProperty({ name : "minWidth", defaultValue : -Infinity, addToQueue : true, unitDetection : "pixelPercent" });
qx.OO.changeProperty({ name : "height", addToQueue : true, unitDetection : "pixelPercent" });
qx.OO.changeProperty({ name : "minHeight", defaultValue : -Infinity, addToQueue : true, unitDetection : "pixelPercent" });
qx.OO.changeProperty({ name : "minHeight", defaultValue : -Infinity, addToQueue : true, unitDetection : "pixelPercent" });
/*
---------------------------------------------------------------------------
INIT LAYOUT IMPL
---------------------------------------------------------------------------
*/
/*!
This creates an new instance of the layout impl this widget uses
*/
qx.Proto._createLayoutImpl = function() {
return new qx.renderer.layout.DockLayoutImpl(this);
}
/*
---------------------------------------------------------------------------
ENHANCED CHILDREN FEATURES
---------------------------------------------------------------------------
*/
/*!
Add multiple childrens and make them left aligned
*/
qx.Proto.addLeft = function() {
this._addAlignedHorizontal("left", arguments);
}
/*!
Add multiple childrens and make them right aligned
*/
qx.Proto.addRight = function() {
this._addAlignedHorizontal("right", arguments);
}
/*!
Add multiple childrens and make them top aligned
*/
qx.Proto.addTop = function() {
this._addAlignedVertical("top", arguments);
}
/*!
Add multiple childrens and make them bottom aligned
*/
qx.Proto.addBottom = function() {
this._addAlignedVertical("bottom", arguments);
}
qx.Proto._addAlignedVertical = function(vAlign, vArgs)
{
for (var i=0, l=vArgs.length; i<l; i++) {
vArgs[i].setVerticalAlign(vAlign);
}
this.add.apply(this, vArgs);
}
qx.Proto._addAlignedHorizontal = function(vAlign, vArgs)
{
for (var i=0, l=vArgs.length; i<l; i++) {
vArgs[i].setHorizontalAlign(vAlign);
}
this.add.apply(this, vArgs);
}
|
