@qooxdoo/framework
Version:
The JS Framework for Coders
83 lines (63 loc) • 1.95 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)
************************************************************************ */
/**
* The Resizer widget acts as a wrapper of another widget. It allows the child
* widget to be resized by the end user.
*/
qx.Class.define("qxl.demobrowser.demo.widget.Resizer",
{
extend : qx.application.Standalone,
members :
{
main: function()
{
this.base(arguments);
this.getRoot().add(this._getResizer(), {left: 20, top: 20});
this.getRoot().add(this._getResizerList(), {left: 400, top: 20});
},
_getResizerList : function()
{
var list = new qx.ui.form.List().set({
width: 100,
height: 200,
minWidth: 50,
minHeight: 100,
maxHeight: 400,
maxWidth: 500
});
for (var i = 0; i < 100; i++) {
list.add(new qx.ui.form.ListItem('Option number '+i));
}
var resizer = new qx.ui.container.Resizer();
resizer.setLayout(new qx.ui.layout.Grow());
resizer.add(list);
return resizer;
},
_getResizer : function()
{
var tArea = new qx.ui.form.TextArea;
tArea.setValue("Resize me\nI'm resizable");
var resizer = new qx.ui.container.Resizer().set({
minWidth: 100,
minHeight: 50,
width: 200,
height: 100,
resizableTop : false,
resizableLeft : false
});
resizer.setLayout(new qx.ui.layout.Canvas());
resizer.add(tArea, {top: 0, right: 0, bottom: 0, left: 0});
return resizer;
}
}
});