Setting jqGrid RowNum dynamically

I am facing an issue when using jqGrids.

I have a jqGrid whose rowNum is set to 10. I ha开发者_开发技巧ve this in my JavaScript code:

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

Now my source for populating the grid is in the model. So say my model.SearchResults has 25 records. So the first time this grid is loaded I am populating 10 records. I have a more.. Link, which when clicked, should add 10 more records to the grid so total displayed is 20.

My grid will also execute the following controller code:

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
                   }
}

How can increment rowNum of the grid by 10 dynamically each time when the user clicks the more.. link?

If all you need to do is increment the rowNum property, then you can use the getGridParam and setGridParam functions:

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