如何从数据表中取回已删除的行

我正在使用数据表并删除多行上的按钮，现在我试图从数据表中取回已删除的行，下面是我写入的用于重置表的代码但它不起作用，请在此帮助。如何从数据表中取回已删除的行

<html> 
<head>  
<script> 
$(document).ready(function() { 
    var table = $('#scmJobs').DataTable({ 
     "paging": false, 
     "bFilter": false, 
     "info":  false 
    }); 

    $('#scmJobs tbody').on('click', 'tr', function() { 
     $(this).toggleClass('selected'); 
    }); 

    $('#deleteButton').click(function() { 
     // alert(table.rows('.selected').data().length +' row(s) selected'); 
     table.rows('.selected').cache(); 
     table.rows('.selected').remove().draw(false); 
    }); 

     $('#resetButton').click(function() { 
     $.fn.dataTable.ext.search.pop(); 
    table.draw(); 
    }); 

}); 

</script> 
</head> 
<body> 

        <input type="button" id="deleteButton" value="Delete"/> 
        <input type="button" id="resetButton" value="Reset"/> 
         <table id="scmJobs" border="0" cellspacing="0" cellpadding="0" 
        class="grid" width="100%"> 
         <thead> 
          <tr style="background-color: silver;" > 
           <th style="text-align:left;" width="183px" >Attribute</th> 
           <th width="76px">DQ</th>  
           <th width="76px">QTY</th>  
           <th width="77px"> DQ</th>  
           <th width="77px">QTY </th> 
           <th width="77px">DQ</th>  
           <th width="77px">QTY</th> 
           <th width="77px">DQ</th> 
           <th width="77px">QTY</th> 
           <th width="77px">DQ</th> 
           <th width="77px">QTY</th> 
           <th width="74px">DQ</th> 
           <th width="74px" >QTY </th>  


          </tr> 
         </thead> 
         <tbody> 
          <tr data-user="End of new attach date"> 
           <td style="text-align:left;">End of new attach date</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 

          </tr> 
          <tr data-user="Contract bill-to"> 
           <td style="text-align:left;">Contract bill-to</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.999907</td> 
           <td style="text-align:right;">89139</td> 
           <td style="text-align:right;">0.9999072</td> 
           <td style="text-align:right;">89139</td> 
          </tr> 
          <tr> 
           <td style="text-align:left;">Configuration</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 
           <td style="text-align:right;">100.000</td> 
           <td style="text-align:right;">9000000000</td> 

          </tr> 

         </tbody> 
         </table> 

</body> 
</html>

来源

2017-02-17 Vinod Vishwakarma

From DataTables row().remove() API：“该方法（以及其复数对应物，行（）除去（））将从数据表完全除去所选择的行，删除用于从所述浏览器数据和节点分配的内存”

解决方法A）刷新重置页面并确保服务器提供原始版本。

解决方案B）创建一个回收站阵列或一个隐藏表，并将行移动到那里而不是remove()。然后在$('#resetButton').click()移动它们或将它们添加回来。确保在单击重置时清除回收站。

来源

2017-02-17 04:51:48

如何从数据表中取回已删除的行

回答

相关问题