以下是关于“jQWidgets jqxGrid gotonextpage()方法”的完整攻略,包含两个示例说明:
方法简介
jqxGrid
控件的 gotonextpage()
方法用于将 jqxGrid
控件的当前页码设置为下一页。该方法的语法如下:
$("#jqxGrid").jqxGrid('gotonextpage');
在上述语法中,#jqxGrid
表示 jqxGrid
控件的 ID。
完整攻略
下面是 jqxGrid
控件 gotonextpage()
方法的完整攻略:
- 将
jqxGrid
控件的当前页码设置为下一页:
$("#jqxGrid").jqxGrid('gotonextpage');
在上述代码中,我们使用 jqxGrid
控件的 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页。
示例
以下两个示例演示如何使用 gotonextpage()
方法。
示例1
在此示例中,创建了一个 jqxGrid
控件,并使用 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页。
<div id="jqxGrid"></div>
<script>
$(document).ready(function () {
// 创建 jqxGrid 控件
var data = [];
for (var i = 0; i < 100; i++) {
data.push({ name: 'Name ' + i, age: i });
}
var source = {
localdata: data,
datatype: "array",
datafields: [
{ name: 'name', type: 'string' },
{ name: 'age', type: 'number' }
]
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#jqxGrid").jqxGrid({
source: dataAdapter,
columns: [
{ text: 'Name', datafield: 'name' },
{ text: 'Age', datafield: 'age' }
],
pageable: true,
pagesize: 10
});
// 将 jqxGrid 控件的当前页码设置为下一页
$("#jqxGrid").jqxGrid('gotonextpage');
});
</script>
在上述代码中,我们创建了一个 jqxGrid
控件,并使用 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页。
示例2
在此示例中,创建了一个 jqxGrid
控件,并使用 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页,并将当前页码显示在页面上。
<div id="jqxGrid"></div>
<div id="pagenum"></div>
<script>
$(document).ready(function () {
// 创建 jqxGrid 控件
var data = [];
for (var i = 0; i < 100; i++) {
data.push({ name: 'Name ' + i, age: i });
}
var source = {
localdata: data,
datatype: "array",
datafields: [
{ name: 'name', type: 'string' },
{ name: 'age', type: 'number' }
]
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#jqxGrid").jqxGrid({
source: dataAdapter,
columns: [
{ text: 'Name', datafield: 'name' },
{ text: 'Age', datafield: 'age' }
],
pageable: true,
pagesize: 10
});
// 将 jqxGrid 控件的当前页码设置为下一页
$("#jqxGrid").jqxGrid('gotonextpage');
// 将当前页码显示在页面上
var pagenum = $("#jqxGrid").jqxGrid('getpagenum');
$("#pagenum").text("Current Page: " + pagenum);
});
</script>
在上述代码中,我们创建了一个 jqxGrid
控件,并使用 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页,并将当前页码显示在页面上。
结语
以上是 jQWidgets jqxGrid
控件的 gotonextpage()
方法的完整攻略,包含方法的语法、使用步骤及两个示例。在实际开发中,可以根据需要使用 gotonextpage()
方法将 jqxGrid
控件的当前页码设置为下一页以满足业务需求。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxGrid gotonextpage()方法 - Python技术站