jQuery datatable reDraw问题 [英] jQuery datatable reDraw issue

问题描述

我很喜欢jQuery和ASP.Net MVC。我正在开发一个使用jQuery的mvc应用程序。

我在jQuery Datatables中有问题。在更新或删除方法之后，我们需要重新构建Datatable。我使用jquery做了它，但是我不能像以前一样加载Datatable。请帮助我解决这个问题。

  < table id =ViewxxTablewidth =100％> //这是我要重建的表
< thead> 
< tr> 
< th> SN No< / th> 
< th>项目代码< / th> 
< / tr> 
< / thead> 
< tbody> 
<％
列表< 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
}）; 
  

解决方案

  $文件）.ready（function（）{
 oTable = $（＃tableId）。dataTable（{
bPaginate：true，
bJQueryUI：true，
 bRetrieve：true，
sPaginationType：full_numbers
}）; 
 
 $（＃tableId）dataTable（）fnDestroy（）; //破坏旧的datatable 
 oTable = $（＃tableId）。dataTable（{
bPaginate：true，
bJQueryUI：true，
bRetrieve ，
sPaginationType：full_numbers
  

I'm new to the jQuery and ASP.Net MVC. I'm developing a mvc application which uses jQuery.

I have a problem in jQuery Datatables. After an update or a delete method we need to re-construct the Datatable again. I did it using jquery but I can't load the Datatable as it was earlier..Please help me on this problem.

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

解决方案

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

这篇关于jQuery datatable reDraw问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！