jquery – 在两个数据表之间移动行

前端之家收集整理的这篇文章主要介绍了jquery – 在两个数据表之间移动行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

所以这就是问题,我有两个数据表并排,我需要将表A中的项(行)添加到表B.

‘之前’数据表我正在使用append做得很好:

function add(num)
{
      ...
      $("#myDiv1 tr#p"+num).appendTo("#myDiv2");
      ...
}

当然,这不适用于数据表,因为不更新表,我似乎无法使用数据表函数使用它,我的代码如下所示,但根本不起作用:

function add()
{
       ...
       stockTable = $('#stocktable').dataTable();
       catalogTable = $('#catalogtable').dataTable();
       var trdata = stockTable.fnGetData($(this).closest('tr'));
       stockTable.fnDeleteRow($(this).closest('tr'));
       catalogtable.fnAddData(trdata);
       ...
}

帮助赞赏!

最佳答案
目前尚不清楚究竟什么不起作用,但这是一个有效的例子:

stockTable.on('click','tbody tr',function() {
   var $row = $(this);
   var addRow = stockTable.fnGetData(this);
   catalogTable.fnAddData(addRow);
   stockTable.fnDeleteRow($row.index());
});

演示 – > http://jsfiddle.net/AgB38/

更新.上面的答案是针对dataTables 1.9.x.以下是使用新API定位dataTables 1.10.x的相同答案.

stockTable.on('click',function() {
    var $row = $(this);
    var addRow = stockTable.row($row);
    catalogTable.row.add(addRow.data()).draw();
    addRow.remove().draw();
});

演示 – > http://jsfiddle.net/4cf43tv1/

猜你在找的jQuery相关文章