2015-08-08 105 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代碼和演示。