Documentation

Reference
qx:button (qx.ui.form.Button)

A Button widget which supports various states and allows it to be used via the mouse and the keyboard.

If the user presses the button by clicking on ito pressing the Enter or Space key, the button fires an qx.ui.core.MExecutable#execute event.

If the qx.ui.core.MExecutable#command property is set, the command is executed as well.

Example

Here is a little example of how to use the widget.

  var button = new qx.ui.form.Button("Hello World");

  button.addListener("execute", function(e) {
    alert("Button was clicked");
  }, this);

  this.getRoot.add(button);

This example creates a button with the label “Hello World” and atached an event listener to the qx.ui.form.Button#execute event.

External Documentation

Documentation of this widget in the qooxdoo wiki.
focusable
None
Default value: true Possible values:
appearance
None
Default value: "button" Possible values:
name

The name of the widget. Mainly used for serialization proposes.

Default value: Possible values:
value

The value of the widget. Mainly used for serialization proposes.

Default value: Possible values: 

{   u'add': {   u'*': u'add/defaultWithPosition.mako',
                u'layout': u'add/noParent.mako',
                u'qx:application': u'add/qx/application.mako',
                u'qx:split': u'add/qx/split.mako',
                u'qxt:variant': u'add/noParent.mako'},
    u'attributes': {u'*': u'attr/default.mako', u'id': u'', u'qxt:*': u''},
    u'body': {   u'*': u'body/qx/widget.mako',
                 u'qxt:component': u'body/qxt/component_root.mako'},
    u'data': {   u'attr': {},
                 u'props': {   u'class': u'qx.ui.form.Button',
                               u'constructor-args': u'label,icon,command'}},
    u'extends': [u'qx:button', u'qx:widget', u'base']}

LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk & Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.

qooxdoo