Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html>
<body>
  <script type="text/x-handlebars" id="organization">
  <b>Delete Record</b>
  <p>
    Add Org Name {{view Ember.TextField valueBinding='newname'}}
   <br />
   <button {{action "createOrg"}}>Add organization</button>
   <br />
  
    Here are the Orgs:
    <ul>
    {{#each model}}
      <li>{{id}} - {{name}} 
        <button {{action "removeOrg" id}}>X</button>
      </li>
      
    {{/each}}
    </ul>
    
  </p>
  
  <hr />
  
  Please open your chrome console to see more details.
​
  </script>
  
  <script src="http://emberjs.com.s3.amazonaws.com/getting-started/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
  <script src="http://builds.emberjs.com/ember-latest.js"></script>
  <script src="http://builds.emberjs.com/ember-data-latest.js"></script>
  <script src="http://emberjs.com.s3.amazonaws.com/getting-started/local_storage_adapter.js"></script>
</body>
</html>
​
 
​
 
window.App = Ember.Application.create({
  LOG_TRANSITIONS: true
});
App.Router.map(function(){
  this.resource('organization', {path: '/'});
});
App.ApplicationAdapter = DS.LSAdapter.extend({
  namespace: 'app-emberjs'
});
​
App.OrganizationRoute = Ember.Route.extend({
  model: function() {
    return this.store.find('org');
  }
});
​
App.OrganizationController = Ember.ArrayController.extend({
  actions: {
    createOrg: function(){
        var neworg = this.store.createRecord('org', {
          name: this.get('newname')
        });
        neworg.save();
        this.set('newname', '');
    },
    removeOrg: function(the_id){
      console.log("Look, the record class is actually a promise! :D");
      console.log(this.get('store').find('org', the_id));
      console.log(this.get('store').find('org', the_id).toString());
      this.get('store').find('org', the_id).then(function(rec){
        rec.deleteRecord();
        rec.save();
      });
    }
  }
});
​
    App.Org = DS.Model.extend({
      name: DS.attr()
    });
Output

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

Dismiss x
public
Bin info
jagthedrummerpro
0viewers