JSFiddle - React, Tailwind, and code Playground

by denar90

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.2/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0-pre.2/backbone.radio.js"></script>
<script src="https://rawgit.com/marionettejs/backbone.marionette/next/lib/backbone.marionette.js"></script>
<div id='container'>
  <div id='region1'></div>
  <div id='region2'></div>
</div>

JavaScript

const template1 = _.template('Мой первый регион');
const template2 = _.template('Мой второй регион');
const childView1 = new Mn.View({template: template1});
const childView2 = new Mn.View({template: template2});

const MyView = Mn.View.extend({
	el: '#container',
  template: false,
	regions: {
   region1:'#region1',
   region2: '#region2'
  },
  
  childViewEvents: {
  	'some:event': 'eventHandler'
  },
  onRender() {
    this.showChildView('region1', childView1);
    this.showChildView('region2', childView2);
  },
  eventHandler() {
  	console.log('Событие дочернего елемента');
  }
});

const myView = new MyView();
myView.render();

childView1.triggerMethod('some:event');