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

Not sure if this is a case, but there was a bug (which is corrected in GitHub) when the parameter is number - i.e. in your case jq_last_visit is number. Try this:

jQuery(”#list”).setSelection(jq_last_visit+"");

Regards

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

You use this in loadComplete - this will not work - since not all the data is alredy into the grid. Try to use this after the grid is loaded

and you will see that this will work. Not sure what you try to do, but maybe gridComplete is your event.

A simple test:

$("#mybutton").click(function(){

// here your code with set selection

})

Regards

Tony

I have the same problem too.

I ture on the scrollrows and use setSelection.

the row was  been selected correctly,

but the scroll bar still can't fouce on the new row.

Plx help!

My code was not properly included in my post, but my syntax is correct : I use the setSelection mothod...

It is not setSelected, but setSelection - check the right syntax in the docs.

Regards

Tony

I use scrollrows:true and setSelected, but the grid does not scroll dynamically (the row is correctly selected). My code is :

jQuery(document).ready(function(){
		var initialLoad = true;
		jQuery("#listSociete").jqGrid({	
			scrollrows : true, 
			url:'getValues.php?type=contentSociete',
			datatype: "json",
			colNames:['Nom','Secteur d\\'Activité', 'Progiciel', 'Commercial'],
			colModel:[
				{name:'Nom',index:'Nom', align:"left", sortable:true, search: true},
				{name:'NomSecteur',index:'NomSecteur', sortable:true, search: true},
				{name:'NomOutil',index:'NomOutil', sortable:true, search: true}
				,{name:'NomCommercial',index:'NomCommercial', sortable:true, search: true}
			],
			hidegrid: false,
			hiddengrid: false,
			loadui:'block',
			loadtext:"Chargement...",
			pager: jQuery('#pagerSociete'),
			pgbuttons:false,
			pginput:false,
			viewrecords:true,
			sortname: 'Nom',
			sortorder: "asc",
			caption: "Sociétes",
			forceFit: true,
			loadonce: false,
			width: 1000,
			onSelectRow: function(rowid) { 
				// Memorisation de la societe selectionnee
				memoriseVariable('societeSelected', rowid); // Puts id in a COOKIE
			},
			loadComplete: function() {
				// Selection de la ste memorisee
				if (initialLoad && recupereVariable('societeSelected')) // If first lload and cookie is set
					jQuery("#listSociete").setSelection(recupereVariable('societeSelected'), true);				
				initialLoad = false;
			}
		}); 

Use the newly  option scrollrows : true and then apply a setSelection to the new added row - jqGrid is flexible 🙂

Regards

Tony

Is it possible to automatically scroll the newly added row into focus (visibility)?

I have modified grid.base.js:addRowData with row.scrollTop = 0; but it did not do the job..

Thanks huge!
--
sledge