JSFiddle - React, Tailwind, and code Playground

by Selva Ganesh

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name='application'>
 {{view App.ExtTextField valueBinding="testProp" targetAction="testAction"}}
</script>

JavaScript

var App = window.App = Em.Application.create({
    LOG_TRANSITIONS: true,
    LOG_TRANSITIONS_INTERNAL: true,
});

App.ApplicationController = Em.Controller.extend({
    testProp: 100,
    
    testAction: function(value){
     alert(value);   
    }
});

App.ExtTextField = Em.TextField.extend({
    focusOut: function(){
     this.sendAction('targetAction', this.get('value'));   
    }
});