jqgird：从现有表中分页的问题 [英] jqgird: problems paging from an existing table
本文介绍了jqgird：从现有表中分页的问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我已经开始了另一个想要的帖子知道在将html表转换为网格时如何使用jqgrid。我有那个工作。但是，数据未被分页。它将表格转换为网格，显示寻呼机控件和所有内容;但它显示第1页，共0页。仅当我从下拉列表中选择不同的页面大小时才会分页数据。
I had started another post wanting to know how to use jqgrid when you are converting a html table to grid. I've got that working. However the data is not paged. It converts table to grid, displays the pager controls and all; however it shows page 1 of 0. The data is paged only when I select a different page size from the drop-down.
为什么数据没有被分页？我需要调用其他任何东西才能实现这一目标吗？
Why is the data not paged? Do I need to call anything else to make this happen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
jqGrid Actual Demo
</title><link type="text/css" rel="Stylesheet" href="jquery-ui-1.8.4.custom/css/custom-theme/jquery-ui-1.8.4.custom.css" /><link type="text/css" rel="Stylesheet" href="jquery.jqGrid-3.7.2/css/ui.jqgrid.css" />
<script src="jquery.jqGrid-3.7.2/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.jqGrid-3.7.2/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="jquery.jqGrid-3.7.2/js/jquery.jqGrid.min.js" type="text/jscript"></script>
<script type="text/javascript">
$(function() {
tableToGrid('#GridView1', {
datatype: 'local',
rowNum: 10,
pager: '#pager',
rowList: [10, 20, 30]
});
});
</script>
</head>
<body>
<form name="form1" method="post" action="Default2.aspx" id="form1">
<div>
<div>
<table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
<tr>
<th scope="col">EmployerID</th><th scope="col">EmployeeID</th><th scope="col">Lastname</th><th scope="col">FirstName</th><th scope="col">Addr1</th><th scope="col">Addr2</th><th scope="col">City</th><th scope="col">State</th><th scope="col">Zip</th><th scope="col">Country</th>
</tr><tr>
<td>285</td><td> 519828</td><td>TURTZ </td><td>JAIME DEE </td><td>1249 NEVADA SKY ST </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89101 </td><td>US </td>
</tr><tr>
<td>710</td><td> 00862</td><td>LOPEZ </td><td>JOSE </td><td>2752 E. TROPICANA </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89120 </td><td>USA</td>
</tr><tr>
<td>710</td><td> 00832</td><td>BLUE </td><td>JOSE </td><td>3924 AQUARMARINE WAY #81 </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89103 </td><td>USA</td>
</tr><tr>
<td>710</td><td> 00101</td><td>PECK </td><td>MARICELA </td><td>2601 GRAND CANYON DR #2037 </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89117 </td><td>USA</td>
</tr><tr>
<td>710</td><td> 00855</td><td>GONZALEZ </td><td>FLOYD </td><td>1500 STARDUST RD #3082 </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89109 </td><td>USA</td>
</tr><tr>
<td>875</td><td> 27599</td><td>ESCAMILLA </td><td>FRANCISCO </td><td>6689 CHURNET VALLEY </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89139 </td><td>US </td>
</tr><tr>
<td>875</td><td> 27599</td><td>ESCAMILLA </td><td>FRANCISCO </td><td>6689 CHURNET VALLEY </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89139 </td><td>US </td>
</tr><tr>
<td>CCR</td><td> 96208</td><td>COLLIER </td><td>SYLVIA </td><td>705 WASHINGTON #21 </td><td> </td><td>RENO </td><td>NV </td><td>89053 </td><td> </td>
</tr><tr>
<td>710</td><td> 113</td><td>YU </td><td>YENJEN </td><td>8120 MT ROYAL CT </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89128 </td><td>USA</td>
</tr><tr>
<td>190</td><td> 41643</td><td>MCBEATH </td><td>WILLIAM </td><td>2212 PAIUTE MEADOWS </td><td> </td><td>LAS VEGAS </td><td>NV </td><td>89134 </td><td>US </td>
</tr>
<!-- up to 300 rows -->
</table>
</div>
<div id="pager">
</div>
</div>
</form>
</body>
</html>
推荐答案
在我看来，你遇到同样的问题在 jqgrid中包含数组数据的分页问题中进行了描述。
It seems to me that you have the same problem as described in Pagination problem in jqgrid with array data.
尝试致电
jQuery("#GridView1").setGridParam({ rowNum: 10 }).trigger("reloadGrid");
tableToGrid 之后。
这篇关于jqgird：从现有表中分页的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
