Question

我正在使用jQuery插件row-reordering，它是datatables的扩展。基本上它允许用户拖动和drog行。

但是，我在他们的API中找不到允许我监听drop事件的任何内容（也就是说，当用户完成一行的移动时）。

这可以通过数据表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

备注

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

<强>解

我有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文章。

<强>样本

请参阅this jsFiddle以获取代码和演示。

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

1 个答案: