Jquery 分页不超过270页
下面的代码使用jqxgrid插件。我将循环值更改为400,以生成400页,每页10页 运行时,我只看到0-26个链接(270页),而不是0-39个链接。请问我该怎么修 在另一个场景中,在我的应用程序中,我只看到380页的分页链接,而不是900页。如果有人能够修复以下问题,我将能够在我的应用程序中应用相同的解决方案。非常感谢Jquery 分页不超过270页,jquery,jqxgrid,Jquery,Jqxgrid,下面的代码使用jqxgrid插件。我将循环值更改为400,以生成400页,每页10页 运行时,我只看到0-26个链接(270页),而不是0-39个链接。请问我该怎么修 在另一个场景中,在我的应用程序中,我只看到380页的分页链接,而不是900页。如果有人能够修复以下问题,我将能够在我的应用程序中应用相同的解决方案。非常感谢 前面的代码已修改,以使用以下示例: 为什么它不显示记录?请解释一下。所需的更改是什么。非常感谢 <!DOCTYPE html> <html lang="
前面的代码已修改,以使用以下示例: 为什么它不显示记录?请解释一下。所需的更改是什么。非常感谢
<!DOCTYPE html>
<html lang="en">
<head>
<title id='Description'>In this demo jqxGrid uses a virtualized paging which enables you to handle very large data sets without any impact on client side performance.</title>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.pager.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxgrid.selection.js"></script>
<script type="text/javascript" src="../../scripts/gettheme.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var theme = getTheme();
// prepare the data
var data = new Array();
var jsonObject = { "contactList":[
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
{"age":1,"SId":"S1234567","gender":"male"},
], "totalrecords":9};
//alert("jsonObject.totalrecords : " + jsonObject.totalrecords);
// generate sample data.
var generatedata = function (startindex, endindex) {
var data = {};
for (var i = startindex; i < endindex; i++) {
//alert(startindex + " " + endindex);
var row = {};
row["age"] = jsonObject.contactList[i].age;
row["gender"] = jsonObject.contactList[i].gender;
row["SId"] = jsonObject.contactList[i].SId;
data[i] = row;
}
return data;
}
var source =
{
datatype: "array",
localdata: {},
totalrecords: jsonObject.totalrecords
};
// load virtual data.
var rendergridrows = function (params) {
alert("rendergridrows : " + source.totalrecords);
//alert("rendergridrows : " + params.startindex + " " + params.endindex);
var data = generatedata(params.startindex, params.endindex);
return data;
}
var totalcolumnrenderer = function (row, column, cellvalue) {
var cellvalue = $.jqx.dataFormat.formatnumber(cellvalue, 'c2');
return '<span style="margin: 6px 3px; font-size: 12px; float: right; font-weight: bold;">' + cellvalue + '</span>';
}
var dataAdapter = new $.jqx.dataAdapter(source);
$("#jqxgrid").jqxGrid(
{
width: 670,
autoheight: true,
source: dataAdapter,
theme: theme,
virtualmode: true,
pageable: true,
rendergridrows: rendergridrows,
columns: [
{ text: 'Age', datafield: 'age', width: 50 },
{ text: 'SId', datafield: 'SId', width: 120 },
{ text: 'Gender', datafield: 'gender', width: 80 },
]
});
});
</script>
</head>
<body class='default'>
<div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
<div id="jqxgrid"></div>
</div>
</body>
</html>
在本演示中,jqxGrid使用虚拟化分页,使您能够在不影响客户端性能的情况下处理非常大的数据集。
$(文档).ready(函数(){
var theme=getTheme();
//准备数据
var data=新数组();
var jsonObject={“联系人列表”:[
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
{“年龄”:1,“SId”:“S1234567”,“性别”:“男性”},
],“totalrecords”:9};
//警报(“jsonObject.totalrecords:+jsonObject.totalrecords”);
//生成样本数据。
var generatedata=函数(开始索引,结束索引){
变量数据={};
对于(var i=startindex;i
据我从您的代码中看到的,您为每个页面添加了锚定。我认为DIV标记中没有足够的空间容纳这么多标记。考虑使用一个不同的布局,如输入字段来选择页面,如本示例中的100万个记录:谢谢您的回答。我用了同样的例子。为什么代码不显示记录。我已根据您的答案修改并重新发布代码。请看上面。为什么它不显示记录。它只是一条通知消息。@dave newton:你能看一下吗。@aleksandr-m:你也能看一下吗?谢谢