simple-button-source-js.mustache revision d6c63bd07b2e1b034b608fb8af3ae94e6c03ee08
2N/AYUI().use('button', function(Y){
2N/A
2N/A // A basic push button
2N/A var pushButton = new Y.Button({
2N/A srcNode:'#myButton',
2N/A });
2N/A
2N/A
2N/A // A toggle button with a state change listener
2N/A var toggleButton = new Y.Button({
2N/A srcNode:'#myToggleButton',
2N/A type: 'toggle',
2N/A after: {
2N/A 'selectedChange': function () {
2N/A var button = this;
2N/A var selected = button.get('selected');
2N/A if (selected) {
2N/A button.set('label', 'Toggle Button: Selected');
2N/A }
2N/A else {
2N/A button.set('label', 'Toggle Button: Unselected');
2N/A }
2N/A }
2N/A }
2N/A });
2N/A
2N/A
2N/A // A disabled button
2N/A var disabledButton = new Y.Button({
2N/A srcNode:'#myDisabledButton',
2N/A disabled: true
2N/A });
2N/A
// An event button, listening for a click
var eventButton = new Y.Button({
srcNode:'#myEventButton',
});
eventButton.getNode().on('click', function(){
alert("I was clicked!");
})
// A disabled button
var selectedButton = new Y.Button({
srcNode:'#mySelectedButton',
selected: true
});
});