Grid can't work well with sortable?

[hustcer]

Check out the example: http://jsbin.com/yagihuwe/1/edit

When the following code was commented:

$('#grid tbody').kendoSortable({
  axis:"y",
  change : function(e){
    var data = $('#grid').data('kendoGrid').dataItem(e.item);
  }
});

Change the selection of the grid row, then the name at grid bottom will be updated automatically, but when we enable the above code, and select different rows, the name just don't change. It seemed that the event was stopped by sortable widget. Any suggestions?

[Alexander Valchev]

Hello Hustcer,

You are correct - in your case the Sortable widget blocks event bubbling because it is initialized over Grid's tbody element. In order to avoid the issue you can initialize the Sortable over the Grid element and use filter to specify that only rows should be draggable.

$('#grid').kendoSortable({
  filter: "tbody > tr",
  axis:"y",
  change : function(e){
    var data = $('#grid').data('kendoGrid').dataItem(e.item);
  }
});

I hope this information will help.

Regards,
Alexander Valchev
Telerik

 

 

[hustcer]

Great work! Thanks a lot!