2011-07-20 84 views
2

我是新來的jQuery和ASP.Net MVC。我正在開發一個使用jQuery的mvc應用程序。jQuery數據表reDraw問題

我在jQuery數據表中存在問題。在更新或刪除方法之後,我們需要重新構建Datatable。我使用jquery做了它,但是我無法像之前那樣加載數據表。請幫助我解決這個問題。

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

回答

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

把你的數據表intialization代碼的函數裏面,然後調用該函數你table..like這個 -

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

刪除裏面的重新施工後。更新方法調用IT-

IntializeDatatable('ViewxxTable'); 
+0

感謝您的回答維韋克....但它did'nt工作,當我重新構建數據表後插入或更新只顯示標題和foter在數據表數據顯示在一個普通的html表中,並在該表頭和foter ... – Samanalaya

+0

$(document).ready(function(){ – Samanalaya