jQWidgets jqxGrid gotoprevpage() 方法

gotoprevpage() 方法是 jQWidgets jqxGrid 组件中的一个函数，用于将 jqxGrid 组件的当前页码向前翻一页。该方法仅适用于分页模式为“分页”的 jqxGrid。以下是该方法的详细介绍。

语法

$("#jqxgrid").jqxGrid("gotoprevpage");

描述

该函数没有参数。每次调用该函数后，jqxGrid 组件的当前页码将向前翻一页。如果当前页码已经是第一页，则不执行任何操作。

返回值

该方法没有返回值。

用法示例

以下示例展示了如何使用 gotoprevpage() 方法对 jqxGrid 组件进行翻页操作。

$(document).ready(function () {
    var source = {
        datatype: "json",
        datafields: [
            { name: 'id', type: 'int' },
            { name: 'name', type: 'string' },
            { name: 'age', type: 'int' },
            { name: 'address', type: 'string' },
        ],
        url: "yourdata.json"
    };

    var dataAdapter = new $.jqx.dataAdapter(source);

    $("#jqxgrid").jqxGrid({
        width: 800,
        pageable: true,
        source: dataAdapter,
        columns: [
            { text: 'ID', datafield: 'id', width: 50 },
            { text: 'Name', datafield: 'name', width: 200 },
            { text: 'Age', datafield: 'age', width: 50 },
            { text: 'Address', datafield: 'address', width: 500 },
        ]
    });

    $("#prevpagebutton").on('click', function () {
        $("#jqxgrid").jqxGrid("gotoprevpage");
    });
});

在上面的示例中，我们首先定义了一个包含数据信息的源(source)，将其传递给一个 jqxDataAdapter 对象，并使用 jqxGrid() 函数将其渲染成一个 jqxGrid 组件。在页面上我们还定义了一个“前一页”按钮，当按钮被点击时，我们调用 gotoprevpage() 方法使得组件向前翻一页。