0 votes
in Onsen UI by
Component Events in Onsen UI

1 Answer

0 votes
by

Event handling process is similar to ReactJS

The event handling props are mentioned using camelCase

The event handlers are included within {}

The commonly used handlers are onClick and onChange

This example will make use of onClick event of a button and show an alert message to the user.

var MyPage = React.createClass({

  handleClick: function() {

    ons.notification.alert('WELCOME TO COURSE ON ONSEN UI');  },

  //some code

  render: function() {

    return (

      <Ons.Page renderToolbar={this.renderToolbar}>

        <p style={{textAlign: 'center'}}>

          <Ons.Button onClick={this.handleClick}>

           START

          </Ons.Button>

        </p>

      </Ons.Page>   );  }});

//some code

...