kendo-ui - 如何从可排序的剑道 ui 中获取项目列表

Question

我想使用 kendo ui 可排序列表视图从绑定对象中获取排序列表项。请参考下面的示例代码。

http://dojo.telerik.com/@lilan123/eWofa/2

Answer 1

一种方法是使用在可排序列表的移动或更改时触发的 Kendo 事件来设置被移动的 ng-repeat 中项目的新索引值。

您在“k-on-change”中设置事件。

<ol id="sortable" kendo-sortable k-options="sortableOptions" k-on-change="change(kendoEvent)">

然后将事件添加到范围。

$scope.change = function(e) {
  console.log(e);
  alert("The e object has stuff like the old index:" + e.oldIndex);
  //Get the correct item from the bound list based on index and change the index values in the list to match.       
}

这似乎是一种 hack，但话又说回来，使用 Telerik 控件时总感觉像是一种 hack。

这是一篇关于使用 angular 事件以及他们声称是最佳实践的好博客文章。希望能帮助到你！