Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.6/ember.min.js"></script>
  <script src="http://builds.emberjs.com.s3.amazonaws.com/ember-data-latest.min.js"> </script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id="msg" > hello! </div>
  <script type="text/x-handlebars" data-template-name="copas/index">
            {{#view Copas.CopasTableView}}
                <table id="copa_data_table2">
                    <tbody id="copa_tbody2">
                    {{#each controller}}
                      <span id='span-id'> </span>
                      <tr id='tr-1'><td>{{name}}</td><td></tr>
                    {{/each}}
                    </tbody>
                </table>
            {{/view}}
  </script>
</body>
</html>
 
window.Copas = Ember.Application.create({
     LOG_TRANSITIONS: true,
     LOG_VIEW_LOOKUPS: true,
     LOG_ACTIVE_GENERATION: true
});
Copas.Router.map(function () {
  this.resource('copas', { path: '/' }, function () {
  });
});
Copas.CopasIndexRoute = Ember.Route.extend({
  model: function () {
    return Copas.Copa.find();
  }
});
Copas.Store = DS.Store.extend({
  revision: 12,
  adapter: 'DS.FixtureAdapter'
});
Copas.Copa = DS.Model.extend({
  name: DS.attr('string'),
  status: DS.attr('string'),
  comment: DS.attr('string'),
  parent: DS.attr('string')
});
Copas.Copa.FIXTURES = [
 {
   id: 1,
   name: 'Item1',
   status: 'Red',
   comment: 'Comment1',
   parent: -1
 }
];
Copas.CopasTableView = Ember.View.extend({
  didInsertElement: function () {
    $("#msg").text("selected elements: " + $('#span-id').length);
  }
});
  
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
wjun_8452pro
0viewers