2015-08-08 69 views
2

我正在使用jQuery插件row-reordering,它是datatables的扩展。基本上它允许用户拖动和拖动行。jQuery DataTables RowReordering插件 - 在更改事件?

但是,我无法在其API中找到允许我监听拖放事件(即,用户完成一行移动时)的任何内容。

难道这不知何故可以解决使用datatables 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(); 
+0

把你的代码放在这里 – dom

回答

1

NOTES

原始Row Reordering add-on与数据表1.10和以上不相容。

SOLUTION

我有forked the add-on on github,并通过在comments使用建议,增加了对数据表1.10 支持。除其他改进之外,还有fnUpdateCallback选项指定将在行被重新排序时调用的回调函数。

例如:

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

jQuery DataTables - Row Reordering文章的更多细节。

DEMO

this jsFiddle代码和演示。