jQuery Grid Plugin - jqGrid

Hi tony,

jqGrid 3.5.3,  'scrollrows' parameter not scroll to row selected. The row is selected but not scroll in view.

I tried in 'gridcomplete' event and a button click event.

The grid options are simple:

jQuery("#list").jqGrid({

    url: jq_url,
    datatype: "xml",
    colNames:[etc, etc],
    colModel:[{etc},{etc}],
     rowNum:25,
     rowList:[25,50,75],
     gridview: true,
     scrollrows: true,
     height: jq_Height,
     hidegrid: false,
     loadui:"block",
     caption: jq_caption,
     loadBeforeSend: function(xhr){
         jq_rowsBackground = rowsBackground();
     },
     gridComplete: function() {
       
        if (jq_rowsBackground !== undefined) {
            if (jq_rowsBackground.records > 0) {
                $.each(jq_rowsBackground.rows, function(row){
                    jQuery('tr#'+ this,'#list').css({background:'#d3f7cf'});
                });
            }
        }
       if (jq_last_visit != 0){
           jQuery("#list").setSelection(jq_last_visit);
       }
    }

});

Code Comments: (All 'jq*' are Javascript variables. No Pager if datasource is ODBC, Pager active if datasource is MySql.)

Best regards,

Ignacio

Indeed, the jq_last_visit variable contains numeric data ('2755 ').
However, I changed the code to make it a string data type ( 'r2755'), the behavior is the same, the row is selected and not scroll in view.
I tested from GitHub grid.base same thing.
After many tests, I found the solution: the problem occurs when there is no previously selected row.
I changed the code to:

     gridComplete: function() {
        jQuery(”#list”).setSelection(jq_first_row_id("#list"));
        if (jq_rowsBackground !== undefined) {
            if (jq_rowsBackground.records > 0) {
                $.each(jq_rowsBackground.rows, function(row){
                    jQuery('tr#'+ this,'#list').css({background:'#d3f7cf'});
                });
            }
        }
       if (jq_last_visit != 0){
           jQuery(”#list”).setSelection(jq_last_visit);
       }
    }

function jq_first_row_id(gridID){
    var grid = jQuery(gridID);
    rowsID = grid.getDataIDs();
    return rowsID[0];
}

In the button click event:

       jQuery(”#list”).setSelection(jq_first_row_id("#list"));
       if (jq_last_visit != 0){
           jQuery(”#list”).setSelection(jq_last_visit);
       }

Now is scroll in view. (Clearly, there is always checked rows in grid.). Only a 'mini' problem: only middle row in view, because the row height is not multiple of the height of the grid table.

Many thanks for your assistance.

Best regards,

Ignacio