刪除多行

Question

我正在使用數據表，並且選擇了多行，並且我想對多行執行刪除操作。例如，我選擇了第2,3和4行，所以我希望同時刪除所有3行。

<script> 
var oTable; 
var giRedraw = false; 

$(document).ready(function() { 
    /* Add a click handler to the rows - this could be used as a callback */ 
    $('#example tr').click(function() { 
     if ($(this).hasClass('row_selected')) 
      $(this).removeClass('row_selected'); 
     else 
      $(this).addClass('row_selected'); 
    }); 


    /* Add a click handler for the delete row */ 
    $('#delete').click(function() { 
     var anSelected = fnGetSelected(oTable); 
     oTable.fnDeleteRow(anSelected[0]); 
    }); 

    /* Init the table */ 
    oTable = $('#example').dataTable(); 
}); 

function fnGetSelected(oTableLocal) 
{ 
    var aReturn = new Array(); 
    var aTrs = oTableLocal.fnGetNodes(); 

    for (var i=0 ; i<aTrs.length ; i++) 
    { 
     if ($(aTrs[i]).hasClass('row_selected')) 
     { 
      aReturn.push(aTrs[i]); 
     } 
    } 
    return aReturn; 
} 

</script> 

通過此腳本，一次只能刪除1行。

Answer 1

試試這個。

$('#delete').click(function() { 
    var anSelected = fnGetSelected(oTable); 
    oTable.fnDeleteRow(anSelected); 
    // previously it was anSelected[0] which select only frist element 
}); 

編輯

我做的fnGetSelected（）函數的一些變化。可能會幫助

function fnGetSelected(oTableLocal) 
{ 
    var aReturn = new Array(); 
    var aTrs = oTableLocal.fnGetNodes(); 

    for (var i=0 ; i<aTrs.length ; i++) 
    { 
     // removed $() because this is already DOM element. 
     if (aTrs[i].hasClass('row_selected')) 
     { 
      aReturn.push(aTrs[i]); 
     } 
    } 
    return aReturn; 
}