使用angularjs根据复选框状态删除单击项目

Question

我正在使用this Plunkr。它显示产品列表。当我点击删除按钮时，应该从列表中删除检查的项目。

<button ng-click="onClick()" class="k-button">Remove</button>

我尝试了各种各样的东西，但没有任何工作。我并没有完全了解逻辑应该采用以下逻辑

$scope.onClick = function () {

            }

我知道这很简单，但我无法得到它。任何帮助，将不胜感激。

Answer 1

如果你问逻辑，我会在这里解释一下..

首先在onClick函数内部获取你的gird的数据源变量，然后找到所有选中的复选框并使用jquery each迭代每个复选框并找到最接近的data-uid属性。每个网格行在其DOM中都有uid，此uid值使用getByUid方法从数据源获取kendo可观察对象。 最后使用datasource将此可观察对象传递给数据源的remove方法。

这是Kendo datasource API，希望它可以帮助您编写代码..