Ember Latest

The latest build of Ember.

by ksykulev

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.6.0/ember.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>ember-latest jsfiddle</h1>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index Content:</h2>
  <table>
      {{render 'rows' content}}
  </table>
</script>
<script type="text/x-handlebars" data-template-name="row">
  <td>{{firstName}}</td>
  <td>{{lastName}}</td>
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
  model: function(){
      return [
          {firstName: 'Kris', lastName: 'Selden'},
          {firstName: 'Luke', lastName: 'Melia'},
          {firstName: 'Formerly Alex', lastName: 'Matchneer'}
      ];
  }
});
App.RowsController = Ember.ArrayController.extend({
    itemController: 'row'
});
App.RowController = Ember.ObjectController.extend({
});
App.RowsView = Ember.CollectionView.extend({
    itemViewClass: 'row',
    tagName: 'tbody',
    contentBinding: 'controller'
});
App.RowView = Ember.View.extend({
    templateName: 'row',
    tagName: 'tr',
    controllerBinding: 'content'
});