How to get item list from kendo ui sortable

Question

I want to get sorted list items from bind object using kendo ui sortable listview. please refer the sample code from below.

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

Answer 1

One way would be to use the Kendo event that is fired on the move or change of the sortable list to set the new index value of the item in the ng-repeat that was moved.

You set the event in the "k-on-change".

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

Then you add the event to the scope.

$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.       
}

It seems like a hack, but then again, it always felt like a hack when using Telerik controls.

Here is a good blog post on using the events with angular, and what they claim are best practices. Hope it helps!