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