@qooxdoo/framework
Version:
The JS Framework for Coders
261 lines (203 loc) • 7.17 kB
JavaScript
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2008 1&1 Internet AG, Germany, http://www.1und1.de
License:
MIT: https://opensource.org/licenses/MIT
See the LICENSE file in the project's top-level directory for details.
Authors:
* Sebastian Werner (wpbasti)
* Fabian Jakobs (fjakobs)
************************************************************************ */
qx.Class.define("qxl.demobrowser.demo.layout.VSplit",
{
extend : qx.application.Standalone,
members :
{
main: function()
{
this.base(arguments);
var scroll = new qx.ui.container.Scroll();
this.getRoot().add(scroll, {edge: 0});
var root = new qx.ui.container.Composite(new qx.ui.layout.Canvas()).set({
padding: 20,
allowShrinkX: false,
allowShrinkY: false
})
scroll.add(root);
// Two Flex Tests
root.add(this.getSplitPaneTwoFlexSimple(), {left: 0});
root.add(this.getSplitPaneTwoFlexWithOneMin(), {left: 210});
root.add(this.getSplitPaneTwoFlexWithOneMax(), {left: 420});
root.add(this.getSplitPaneTwoFlexWithTwoMin(), {left: 630});
root.add(this.getSplitPaneTwoFlexWithTwoMax(), {left: 840});
// One Flex Test
root.add(this.getSplitPaneOneFlexSimple(), {top: 550, left: 0});
root.add(this.getSplitPaneOneFlexSimpleWithMax(), {top: 550, left: 210});
root.add(this.getSplitPaneOneFlexSimpleWithMin(), {top: 550, left: 420});
// Auto Size
root.add(this.getSplitPaneAuto(), {top: 550, left: 630});
},
getSplitPaneTwoFlexSimple : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:1");
topWidget.setDecorator(null);
topWidget.setWrap(true);
splitpane.add(topWidget, 1);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:2");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
splitpane.add(bottomWidget, 2);
return splitpane;
},
getSplitPaneTwoFlexWithOneMin : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:1; Min:250");
topWidget.setDecorator(null);
topWidget.setWrap(true);
topWidget.setMinHeight(250);
splitpane.add(topWidget, 1);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:2");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
splitpane.add(bottomWidget, 2);
return splitpane;
},
getSplitPaneTwoFlexWithOneMax : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:1");
topWidget.setDecorator(null);
topWidget.setWrap(true);
splitpane.add(topWidget, 1);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:2; Max:100");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
bottomWidget.setMaxHeight(100);
splitpane.add(bottomWidget, 2);
return splitpane;
},
getSplitPaneTwoFlexWithTwoMin : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:1; Min:250");
topWidget.setDecorator(null);
topWidget.setWrap(true);
topWidget.setMinHeight(250);
splitpane.add(topWidget, 1);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:2; Min:250");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
bottomWidget.setMinHeight(250);
splitpane.add(bottomWidget, 2);
return splitpane;
},
getSplitPaneTwoFlexWithTwoMax : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:1; Max:100");
topWidget.setDecorator(null);
topWidget.setWrap(true);
topWidget.setMaxHeight(100);
splitpane.add(topWidget, 1);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:2; Max:100");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
bottomWidget.setMaxHeight(100);
splitpane.add(bottomWidget, 2);
return splitpane;
},
getSplitPaneOneFlexSimple : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:0");
topWidget.setDecorator(null);
topWidget.setWrap(true);
splitpane.add(topWidget, 0);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:1");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
splitpane.add(bottomWidget);
return splitpane;
},
getSplitPaneOneFlexSimpleWithMax : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:0");
topWidget.setDecorator(null);
topWidget.setWrap(true);
splitpane.add(topWidget, 0);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:1; Max:200");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
bottomWidget.setMaxHeight(200);
splitpane.add(bottomWidget);
return splitpane;
},
getSplitPaneOneFlexSimpleWithMin : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setHeight(400);
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Flex:0; Min:350");
topWidget.setDecorator(null);
topWidget.setWrap(true);
topWidget.setMinHeight(350);
splitpane.add(topWidget, 0);
// Right
var bottomWidget = new qx.ui.form.TextArea("Flex:1");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
splitpane.add(bottomWidget);
return splitpane;
},
getSplitPaneAuto : function()
{
var splitpane = new qx.ui.splitpane.Pane("vertical");
splitpane.setDecorator("main");
// Left
var topWidget = new qx.ui.form.TextArea("Auto");
topWidget.setDecorator(null);
topWidget.setWrap(true);
splitpane.add(topWidget, 0);
// Right
var bottomWidget = new qx.ui.form.TextArea("Auto");
bottomWidget.setDecorator(null);
bottomWidget.setWrap(true);
splitpane.add(bottomWidget);
return splitpane;
}
}
});