我是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"
});
答案 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');