JSFiddle - React, Tailwind, and code Playground

by darthdeus

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    {{view MyApp.SearchBox}}
</script>

JavaScript

MyApp = Ember.Application.create({
  autoinit: false
});

MyApp.router = Ember.Router.create({
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/'
    })
  })
});

MyApp.SearchBox = Ember.TextField.extend({

  valueChanged:function () {
    console.log("search query changed to " + this.get("value"));
  }.observes("value")

});


MyApp.ApplicationController = Ember.Controller.extend({
  content: ['a', 'b', 'c']
});

MyApp.initialize(MyApp.router);