UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Button

In this example, an instance of the Uize.Widgets.Button.Widget widget class is being instantiated and wired up - it's the HTML element below this explanation that looks like a button and has the text "BUTTON" on it.

Directly below the button widget is a log that logs the instance events that occur for the button widget. Interact with the widget to see which events are fired. The log displays both the custom instance events that are fired using the button widget's fire method, as well as all Changed.* property change events that result from values of the button's various state properties being changed (so, you can use the log to watch for changes in the state of the button widget).

Below the instance event log for the button is a set of links for testing aspects of the programmatic interface of the button widget. The "TOGGLE ENABLED" link toggles the value of the button's enabled state property. The "TOGGLE BUSY" link toggles the value of its busy state property. The "TOGGLE SELECTED" link toggles the value of its selected state property. Finally, the "CHANGE BUTTON TEXT" link changes the value of its text state property.

TOGGLE ENABLED  |  TOGGLE BUSY  |  TOGGLE SELECTED  |  CHANGE BUTTON TEXT