📜  jQWidgets jqxGrid pagesize 属性(1)

📅  最后修改于: 2023-12-03 15:16:54.330000             🧑  作者: Mango

jQWidgets jqxGrid pagesize 属性
简介

jqxGrid 是一个用于显示和编辑大量数据的高性能表格控件。它是基于 jQuery 和 jQWidgets 插件开发的,提供了丰富的功能和灵活的配置项。其中,pagesize 属性用于指定每页显示的记录数。

用法

设置每页显示的记录数

通过设置 pagesize 属性,可以指定每页显示的记录数。示例代码如下:

$('#grid').jqxGrid({
    width: 500,
    source: dataAdapter,
    pageable: true,
    pagesize: 10,
    pagerButtonsCount: 5,
    pageable: true,
});

以上示例中,通过将 pagesize 设置为 10,每页将显示 10 条记录。

分页导航

设置 pagesize 属性后,jqxGrid 将会自动根据设置的每页记录数进行分页,并在表格底部显示分页导航。用户可以通过分页导航快速切换到不同的页码。示例代码如下:

$('#grid').jqxGrid({
    width: 500,
    source: dataAdapter,
    pageable: true,
    pagesize: 10,
    pagerButtonsCount: 5,
    pageable: true,
});
注意事项
  • pagesize 属性必须为正整数。
  • 如果数据集中的记录数不足一页的数量,则分页导航将不会显示。