How to update/edit record in emberjs?-Collection of common programming errors

I have collected data from fixture and displayed in form of table.

Also,i have added two column one is edit another is delete now i want to edit specific row.

On click of edit i have populated data on modal window with one update button and i want to update changes on click of update.

Here is my code : Store :

Grid.Store = DS.Store.extend({adapter: 'DS.FixtureAdapter'});

Router:

        Grid.Router.map(function () {
      this.resource('mainview', { path: '/' });                       
    });  
    Grid.MainviewRoute = Ember.Route.extend({
          model: function () {
            return Grid.ModalModel.find();
          }
    });

Model :

    Grid.ModalModel =  DS.Model.extend({
    fname: DS.attr('string'),
    lname: DS.attr('string'),
    email: DS.attr('string'),
    contactno: DS.attr('string'),
    gendertype: DS.attr('boolean'),
    contactype: DS.attr('number')
});

Grid.ModalModel.FIXTURES = [
                       {
                         id: 1,
                         fname: "sachin",
                         lname: "gh",
                         email: "gh",
                         contactno: "4542154",
                         gendertype: true,
                         contactype: 1
                       },
                       {
                         id: 2,
                         fname: "amit",
                         lname: "gh",
                         email: "gh",
                         contactno: "4542154",
                         gendertype: true,
                         contactype: 1
                       },
                       {
                         id: 3,
                         fname: "namit",
                         lname: "gh",
                         email: "gh",
                         contactno: "4542154",
                         gendertype: true,
                         contactype: 1
                       }
                      ];

Controller :

Grid.MainviewController = Ember.ArrayController.extend({
    contentChanged: function() {
        this.get('content').forEach(function(item){
          var serializer = DS.RESTSerializer.create();
          var json_data = serializer.serialize(item);
          console.log(JSON.stringify(json_data));
        });
      }.observes('content.@each'),
    showmodal: function(){    
          $('#modal').modal(); 
    },
    showeditmodal: function(){
        var rowindex_table = 1;
        var contactype = 0;
          var post = Grid.ModalModel.find(rowindex_table);
          var serializer = DS.RESTSerializer.create();
          var cont_edit_data = serializer.serialize(post);
          console.log(JSON.stringify(cont_edit_data));

          this.set('obj_form_edit_data.cont_data.fname', cont_edit_data["fname"]);
            this.set('obj_form_edit_data.cont_data.lname', cont_edit_data["lname"]);
            this.set('obj_form_edit_data.cont_data.email', cont_edit_data["email"]);
            this.set('obj_form_edit_data.cont_data.contactno', cont_edit_data["contactno"]);
            if(cont_edit_data["gendertype"] == true){
                this.set('male', true);
                $(".cssmale").addClass("active");
            }else{
                this.set('female', true);
                $(".cssfemale").addClass("active");
            }
            $('.selectpicker').val(cont_edit_data['contactype']);
            $('.selectpicker').selectpicker('render');
            $('#editmodal').modal();
    },
    isMale: false,
    isFemale: false,
    obj_form_edit_data : Ember.Object.create({
        cont_data:{
            fname : "",
            lname : "",
            email : "",
            contactno : "",
            gendertype : "",
            contactype : 0
        }
    }),     
    gendertype: function(){
        this.set('isMale', !this.get('isMale'));
    },
    savecontact: function(){//save data in local storage
        var fname = this.obj_form_edit_data.get('cont_data.fname');
        var lname = this.obj_form_edit_data.get('cont_data.lname');
        var email = this.obj_form_edit_data.get('cont_data.email');
        var contactno = this.obj_form_edit_data.get('cont_data.contactno');
        var gendertype = ((this.get('isMale') == true) ? true : false);
        var contactype = $(".selectpicker").text();
        //Clear view first
        this.set('obj_form_edit_data.cont_data.fname', '');
        this.set('obj_form_edit_data.cont_data.lname', '');
        this.set('obj_form_edit_data.cont_data.email', '');
        this.set('obj_form_edit_data.cont_data.contactno', '');
        this.set('isMale',false);
        this.set('isFemale',false);
        $('.selectpicker').val('0');
        $('.selectpicker').selectpicker('render');

        Grid.ModalModel.createRecord({  
          fname: fname,
          lname: lname,
          email: email,
          contactno: contactno,
          gendertype: gendertype,
          contactype: contactype
        });
        this.get('store').commit(); 
    },
    updatecontact: function(){
        this.get('store').commit();
    }


updatecontact is used to update record on click of update button but it is throwing an error 
Uncaught TypeError: Object [object Object] has no method 'commit'

Can anyone tell me how to update record in such case?

Originally posted 2013-11-23 07:54:33.