jQuery DataTables RowReordering 插件 - 关于更改事件？

Question

我正在使用 jQuery 插件 row-reordering, which is an extension of datatables。基本上它允许用户拖拽行。

但是，我在他们的 API 中找不到任何允许我监听放置事件的东西（即，当用户完成一行的移动时）。

可以使用数据表 API 或其他方式以某种方式解决这个问题吗？

编辑：根据要求添加了 javascript 代码：

ui_actions = $('#ui_actions').DataTable({
          "createdRow": function( row, data, dataIndex ) 
          {
             $(row).attr('id', 'row-' + dataIndex);
             ui_actions.$('tr.selected').removeClass('selected');
              $(row).addClass('selected');
          },
          "bPaginate": false,
          "bLengthChange": false,
          "bFilter": false,
          "bInfo": false,
          "bAutoWidth": false,
          "scrollY":        $(window).height()/1.6,
          "scrollCollapse": true,
          "paging":         false,
          "autoWidth": false,
   });
ui_actions.draw();
ui_actions.rowReordering();

Answer 1

NOTES

原始 Row Reordering add-on 与 DataTables 1.10 及更高版本不兼容。

SOLUTION

我有 forked the add-on on github 并添加了对 DataTables 1.10 的支持通过使用 comments 中的建议。在其他改进中，有 fnUpdateCallback 选项指定回调函数，该函数将在行重新排序时调用。

例如：

ui_actions.rowReordering({
   fnUpdateCallback: function(row){
      console.log('Row has been reordered', row);
   }
});

有关详细信息，请参阅 jQuery DataTables - Row Reordering 文章。

DEMO

有关代码和演示，请参阅 this jsFiddle。

jQuery DataTables RowReordering 插件 - 关于更改事件？

jQuery DataTables RowReordering plugin - on change event?

html

javascript

jquery

drag-and-drop

datatables