ember.js - How to update/edit record in emberjs? -
i have collected data fixture , displayed in form of table.
also,i have added 2 column 1 edit delete want edit specific row.
on click of edit have populated data on modal window 1 update button , want update changes on click of update.
here 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 used update record on click of update button throwing error uncaught typeerror: object [object object] has no method 'commit'
can tell me how update record in such case?
Comments
Post a Comment