我想在数据加载到table.Here是代码时运行一个函数:
在视图
中<table id="DataLoadingTable" onload="showPage(1, 'DataLoadingTable', @(itemsPerPage))">
<tbody>
@for (i = 0; i < Model.Count; i++)
{
<tr>
<td>@Html.DisplayFor(m => m[i].ORDER_HEADER_INFO.ORDER_NO)</td>
<td>@Html.DisplayFor(m => m[i].ORDER_HEADER_INFO.PJNO)</td>
<td>@Html.DisplayFor(m => m[i].ORDER_ROUTING_DETAIL.ROUTING_NAME)</td>
<td>@Html.DisplayFor(m => m[i].ORDER_HEADER_INFO.DELIVERY_DESTINATION)</td>
<td>@Html.DisplayFor(m => m[i].ORDER_HEADER_INFO.PRODUCT_START_DATE)</td>
<td>@Html.DisplayFor(m => m[i].ORDER_ROUTING_DETAIL.TARGET_COMPLETION_FLAG)</td>
<td></td>
</tr>
}
</tbody>
</table>
在js文件中,我写了这段代码:
function showPage(pageNumber, tableName, itemsPerPage) {
var rows = document.getElementById(tableName).rows;
//show page
var from = (pageNumber - 1) * itemsPerPage + 1;
var to = from + itemsPerPage - 1;
for (var i = 1; i < rows.length; i++) {
if (i < from || i > to)
rows[i].style.display = 'none';
else
rows[i].style.display = '';
}
}
此代码的目的是分页,每页有5条记录。我使用客户端分页,但函数onload不起作用。 itemsPerpage = 5;
的值我尝试使用标记<script>
在视图底部插入此函数,但它也不起作用。