jQuery数据表重绘问题

时间:2011-07-20 08:52:07

标签: jquery datatables

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

我在jQuery Datatables中遇到了问题。在更新或删除方法之后,我们需要再次重新构造Datatable。我是用jquery做的,但我不能像之前那样加载Datatable。请帮我解决这个问题。

  <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"
}); 

2 个答案:

答案 0 :(得分:9)

$(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"

答案 1 :(得分:0)

将你的数据表初始化代码放在一个函数中,然后在重新构造表之后调用该函数。就像这样 -

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

里面删除。 update方法调用它 -

IntializeDatatable('ViewxxTable');