当前位置: 首页 > 工具软件 > ember-table > 使用案例 >

ember.js:使用笔记2-数据删除与存储

严烨
2023-12-01

   在模版中写好响应操作触发的action之后,可以在controller:actions中设置了,需要注意的是对数据的操作一般都是对单个object进行操作,所以先要使用笔记1中的方法使用ObjectController。

  新增并存储数据

      模版中可以设置

{{input type="text" class="form-control" placeholder="title" value=newTitle}}

  来进行双向绑定,在控制器actions 中设置方法:

createData: function() {
   	  var self = this;
   	  var newTitle = self.get("newTitle");
          var data = self.store.createRecord("tableData", {
newTitle: newTitle
}); data.save().then(function(res){},function(error){}); self.set("newTitle",""); }

 删除数据:

 deleteData: function() {
         var data = this.get('model'); 
         data.deleteRecord();
         data.save();
      },

 另外如果是对整个array进行操作,可以在route中设置:

App.TableRoute = Em.Route.extend({
	model: function() {
		return this.store.find("tableData");
	},
	actions: {
		deleteData: function() {
		   var data = this.currentModel;
		   data.deleteRecord();
		   data.save();
		},
	}
});

  

 

转载于:https://www.cnblogs.com/jinkspeng/p/4004965.html

 类似资料: