jQuery数据表reDraw问题

Question

我是jQuery和ASP.Net MVC的新手。我正在开发一个使用jQuery的mvc应用程序。

我在jQuery数据表中遇到问题。在update或delete方法之后，我们需要重新构造Datatable。我用jquery做了，但是我不能加载数据表，因为它是earlier..Please的，帮我解决这个问题。

  <table id="ViewxxTable" width="100%">    //Here is the table I want to reconstruct 
     <thead>
       <tr>
            <th>SN No</th>
            <th>Item code</th>
      </tr>
    </thead>
    <tbody>
<%     
    List<InSys.Models.xxDetailClass> xxdetailLst =     (List<InSys.Models.xxDetailClass>)Session["xxddetailLst"];
    foreach (InSys.Models.xxDetailClass grnd in xxdetailLst)
        {
%>
   <tr>
      <td><%= grnd.SnNo%></td>
      <td><%= grnd.ItemCode%></td>
      <td>
  </tr>

<%
       }
%>
  </tbody>
</table>

jquery

    oTable = $('#ViewxxTable').dataTable({
                 "bPaginate": false,
                 "bJQueryUI": true,
                 "bRetrieve": true,
                 "bDestroy": true,
                "sPaginationType": "full_numbers"
}); 

Answer 1

$(document).ready(function () {
    oTable = $("#tableId").dataTable({ 
        "bPaginate": true,
        "bJQueryUI": true,
        "bRetrieve": true,
        "sPaginationType": "full_numbers"
});

$("#tableId").dataTable().fnDestroy();    // destroy the old datatable
oTable = $("#tableId").dataTable({
    "bPaginate": true,
    "bJQueryUI": true,
    "bRetrieve": true,
    "sPaginationType": "full_numbers"

Answer 2

将你的数据表初始化代码放在一个函数中，然后在重新构造你的table..like后调用该函数。

function IntializeDatatable(tableId){
$('#'+tableId).dataTable();
}

内部delete。更新方法调用它-

IntializeDatatable('ViewxxTable');