Marionette.js. Events. View events and triggers

Views can automatically bind DOM events to methods and View events with `events` and `triggers` respectively

by marionettejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0/backbone.radio.min.js"></script>
<script src="https://rawgit.com/marionettejs/backbone.marionette/next/lib/backbone.marionette.js"></script>
<div id='container'>
  <input type='text' />
  <a href="">Show modal</a>
</div>

JavaScript

const { View } = Marionette; // import { View } from 'backbone.marionette';

const MyView = View.extend({
	el: '#container',
  events: {
    'click a': 'showModal'
  },
  triggers: {
    'keyup input': 'data:entered'
  },

  showModal(event) {
  	event.preventDefault();
    console.log('Show the modal');
  },

  onDataEntered() {
    console.log('Data was entered');
  }
});

const myView = new MyView();