动态设置jqGrid RowNum

Question

使用jqGrids时，我遇到了一个问题。

我有一个jqGrid，其rowNum设置为10.我在我的JavaScript代码中有这个：

rowNum: 10,
height: 160,
width: 742,
shrinkToFit: false,
sortname: 'CreditRequestID',
sortorder: "asc",
viewrecords: true,

现在我填充网格的源代码在模型中。所以说我的模特.SearchResults有25条记录。所以第一次加载这个网格时，我填充了10条记录。我有一个更多..链接，点击后，应该再添加10个记录到网格，所以总显示为20.

我的网格也将执行以下控制器代码：

public ActionResult RecentActivityResultsGridEventHandler(string sidx, string sord,
                                                          int page, int rows)
{
    int pageIndex = Convert.ToInt32(page) - 1;
    int pageSize = rows;
    int totalRecords = 20;
    int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
    var JSONData = {//code to read the records from model.SearchResults 
                     //and assign column by column to grid
                   }
}

每次用户点击rowNum链接时，如何将网格的more..动态增加10？

Answer 1

如果你需要做的就是增加rowNum属性，那么你可以使用getGridParam和setGridParam函数：

function incrementRowNum(gridName){
    var grid = $('#'+gridName);
    var currentValue = grid.getGridParam('rowNum');
    grid.setGridParam({rowNum:currentValue+10});
}