使用jgGrid和API（提供本地数据）进行搜索/分页

Question

我们正在开发一个javascript应用程序。此应用程序将使用jqGrid进行网格渲染。我们提供了javascript“API”，它提供了从服务器引入数据的功能。

API以JSON格式提供数据，此数据包含以下信息：{totalResults，pageNumber，nrRecords，实际的行数组}

现在我们需要使用此API填充jqGrid。因此，我们不会使用网格的url属性。我们还希望分页/搜索使用可用的API。此API具有将searchParams作为参数并在应用searchParams后从服务器返回数据的函数。

无论我们在jqGrid上做了什么研究，我们都找不到将这个API与jqGrid集成的方法。到目前为止，我们尝试过这样做：

$('#grid').jqGrid({
    data: this.gridData, // Initial data returned by the API in JSON format, suppose 5 rows
    datatype: "local",
    colNames:['Id', 'Name'], 
    colModel:[ {name:'id', index:'id', width:20}, 
               {name:'firstName', index:'firstName', width:80}, 
             ]
    onPaging: function (pgButton) {
                // Use the API to get the next page data and populate the jqGrid
    }
    rowNum: this.gridData.length,
    rowTotal: this.getTotalGridLength, // This part is not working!!
)};

在上面，我们只得到5行网格，下一个按钮不活动。我们如何设置总行数（this.getTotalGridLength），以便当用户点击下一步时，我们在onPaging函数中获取新数据并相应地替换网格？

这是第一个障碍，我们还需要使用相同的API进行搜索/过滤。