Javascript onload函数没有';t工作MVC4
我想在数据加载到表时运行函数。以下是代码: 鉴于Javascript onload函数没有';t工作MVC4,javascript,html,asp.net-mvc-4,Javascript,Html,Asp.net Mvc 4,我想在数据加载到表时运行函数。以下是代码: 鉴于 <table id="DataLoadingTable" onload="showPage(1, 'DataLoadingTable', @(itemsPerPage))"> <tbody> @for (i = 0; i < Model.Count; i++) { <tr> <td>@Html.DisplayFor(m => m[i].OR
<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>
@对于(i=0;im[i].ORDER\u HEADER\u INFO.ORDER\u NO)
@DisplayFor(m=>m[i].ORDER\u HEADER\u INFO.PJNO)
@DisplayFor(m=>m[i]。订单\路由\详细信息。路由\名称)
@DisplayFor(m=>m[i]。订单\标题\信息。交货\目的地)
@DisplayFor(m=>m[i]。订单\标题\信息。产品\开始日期)
@DisplayFor(m=>m[i]。订单\路由\详细信息。目标\完成\标志)
}
在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 = '';
}
}
函数显示页面(页码、表名、项目页面){
var rows=document.getElementById(tableName).rows;
//显示页面
变量from=(页码-1)*itemsPerPage+1;
var to=from+itemsPerPage-1;
对于(变量i=1;i到)
行[i].style.display='none';
其他的
行[i]。style.display='';
}
}
此代码的目的是分页一页,每页有5条记录。我使用客户端分页,但onload函数不起作用。itemsPerpage的值=5
我试图在视图底部插入带有标签的函数,但它也不起作用 表不触发onload事件。是否有其他类似于用于表格的onload的功能?为什么主体的onload不合适?如果主体已加载,那么表也已加载。在主体上使用onload很好,但是如果主体内部有两个或多个表,并且每个表应用不同的函数。我认为这将是一件困难的事情,你可以给每个表一个class
class=“download table”
,然后你可以一次获得所有的数据,并循环迭代集合var tables=document.querySelectorAll(.download table”)代码>