@qooxdoo/framework
Version:
The JS Framework for Coders
122 lines (101 loc) • 4.29 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)
* Martin Wittemann (martinwittemann)
************************************************************************ */
qx.Class.define("qxl.demobrowser.demo.widget.Spinner",
{
extend : qx.application.Standalone,
members :
{
addSimpleSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner();
container.add(new qx.ui.basic.Label("Simple"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("0"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("100"), {column: 3, row: row});
spinner.addListener("changeValue", function(e) {
this.debug("ChangeValue: " + e.getData());
});
},
addNonEditableSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner(0, 50, 100);
spinner.setEditable(false);
container.add(new qx.ui.basic.Label("Not Editable"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("0"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("100"), {column: 3, row: row});
},
addWrappingSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner(-30, 30, 30);
spinner.setWrap(true);
container.add(new qx.ui.basic.Label("Wrap"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("-30"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("30"), {column: 3, row: row});
},
addSteppedSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner(-3000, 0, 3000).set({
singleStep: 25
});
container.add(new qx.ui.basic.Label("Stepped"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("-3000"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("3000"), {column: 3, row: row});
},
addDisabledSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner;
spinner.setEnabled(false);
container.add(new qx.ui.basic.Label("Disabled"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("0"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("100"), {column: 3, row: row++});
},
addFormattedSpinner : function(container, row)
{
var spinner = new qx.ui.form.Spinner(0, 200, 300);
spinner.setSingleStep(0.5);
spinner.setWidth(70);
// Number format Test
var nf = new qx.util.format.NumberFormat();
nf.setMinimumFractionDigits(2);
nf.setMaximumFractionDigits(2);
spinner.setNumberFormat(nf);
container.add(new qx.ui.basic.Label("Number format"), {column: 0, row: row});
container.add(new qx.ui.basic.Label("0"), {column: 1, row: row});
container.add(spinner, {column: 2, row: row});
container.add(new qx.ui.basic.Label("300"), {column: 3, row: row++});
},
main: function()
{
this.base(arguments);
var layout = new qx.ui.layout.Grid(10, 8);
layout.setColumnAlign(0, "left", "middle");
layout.setColumnAlign(1, "right", "middle");
layout.setColumnAlign(2, "left", "middle");
layout.setColumnAlign(3, "left", "middle");
var container = new qx.ui.container.Composite(layout);
container.setPadding(10);
this.getRoot().add(container, {left:0,top:0});
this.addSimpleSpinner(container, 0);
this.addNonEditableSpinner(container, 1);
this.addWrappingSpinner(container, 2);
this.addSteppedSpinner(container, 3);
this.addDisabledSpinner(container, 4);
this.addFormattedSpinner(container, 5);
}
}
});