Angular:两个slickgrids,同一页面

时间:2017-01-27 14:24:20

标签: angularjs slickgrid

我是Angular的新手,所以,请你,对我不要太苛刻。我尝试编辑此示例:https://github.com/fortesl/angular-slickgrid-example以使用两个网格。

这里是工作的掠夺者:http://plnkr.co/edit/RyAwvqZ9sr3b9YFvmK2X 问题是,当您双击第一个网格上的任何行时,它将被删除。但是,它对第二个网格不起作用。

解决此问题的最简单方法是在控制器中创建第二个deleteTask方法:

self.deleteTask2 = function(row) {
  self.data2.splice(row.row, 1);
}

并更改第二个网格的属性以使用此功能。

然而,这种方法看起来并不正确。怎么会有第三个/第四个等等?有没有一种方法可以使deleteTask成为指令的一部分,而不是范围?

提前致谢!

1 个答案:

答案 0 :(得分:1)

只需修改deleteTask函数即可获取要删除的数据数组。

Working, modified version of the Plunker code

控制器:

self.deleteTask = function(data, row) {
    data.splice(row.row, 1);
}

查看:

<div my-grid style="width:600px;height:200px;" grid-columns="gridCtrl.columns"
     grid-options="gridCtrl.options" grid-data="gridCtrl.data"
     edit-row="gridCtrl.deleteTask(gridCtrl.data, row)" class="container myGrid">
</div>