Fatal编程技术网
  • javascript/
  • Javascript 如何从datatable中获取已删除的行

Javascript 如何从datatable中获取已删除的行

javascript jquery datatables

Javascript 如何从datatable中获取已删除的行,javascript,jquery,datatables,Javascript,Jquery,Datatables,我正在使用datatable并在单击按钮时删除多行。现在我正在尝试从datatable中恢复已删除的行，下面是我为重置表而编写的代码，但它不起作用，请提供帮助 <html> <head> <script> $(document).ready(function() { var table = $('#scmJobs').DataTable({ "paging": false, "bFilter": f

我正在使用datatable并在单击按钮时删除多行。现在我正在尝试从datatable中恢复已删除的行，下面是我为重置表而编写的代码，但它不起作用，请提供帮助

<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>


$（文档）.ready（函数（）{
变量表=$（'#scmJobs'）。数据表({
“分页”：false，
“bFilter”：错误，
“信息”：错误
});
$（'scmJobs tbody'）。在（'click'，'tr'，function（）{
$（this.toggleClass（'selected'）；
} );
$（“#删除按钮”）。单击（函数（）{
//警报（table.rows（“.selected”）.data（）.length+“row（s）selected”）；
table.rows（'.selected'）.cache（）；
table.rows（'.selected'）.remove（）.draw（false）；
} );
$（“#重置按钮”）。单击（函数（）{
$.fn.dataTable.ext.search.pop（）；
table.draw（）；
} );
} );
属性
DQ
数量
DQ
数量
DQ
数量
DQ
数量
DQ
数量
DQ
数量
新附加日期结束
100
9000000000
100
9000000000
100
9000000000
100
9000000000
100
9000000000
100
9000000000
合同汇票
0.999907
89139
0.999907
89139
0.999907
89139
0.999907
89139
0.999907
89139
0.9999072
89139
配置
100
9000000000
100
9000000000
100
9000000000
100
9000000000
100
9000000000
100
9000000000
：“此方法（及其复数对应项rows（）.remove（））将从数据表中完全删除选定的行，并从浏览器中删除为数据和节点分配的内存。”

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

解决方案B）创建回收站数组或隐藏表，并将行移动到其中，而不是
remove（）
。然后在
$（“#重置按钮”）上单击（）
将它们移动或添加回去。确保在单击“重置”时清除回收站