You canb call setSelection AFTER reload the grid and not before.

Also a good choice is to call setSelection with setTimeout function to give a grid a time to refresh its data.

Regards

When I update or delete a row I use the methods setRowData or delRowData to update the grid withour reloading it.

Yet when I add a row, I cannot use addRowData because the sorting is wrong.

So I add the row in the database and then reload the grid.

But I want the new inserted row selected.

So I call setSelection, but the reloadGrid fires after the setSelection and so my row is not selected.

So I need to assign a callback to the loadComplete event, but my grid is already created when I want to assign the callback to the loadComplete event... is there a way to do this?

What I found was that after a trigger("reloadGrid"); the setSelection scrolls to the position, selects the row in the background BUT it will not make the selection visible. Only after I sort the data or click refresh it will select the item. My grid type is JSON.

I know that the setSelection in the background selects the row because I have a reload of another grid onSelectRow. That problem here is that the Row is not getting the CSS Classes ui-state-hover ui-state-highlight.

UPDATE: Just found that If I call  $("#grid").jqGrid("resetSelection"); before the SetSelection the Selection is made in the GridComplete!

Using only gridComplete works fine for me now.

Regards,

Aime

@unknown

try this instead

$('#grid_waregroups tbody tr:first').trigger("click");

Note that I replace first-child with firs.

@Aime

a gridComplete should be used only. It is quiet possible that in loadComplete the row is selected, but in gridComplete it will be deselected – the setSelection is a toggle function.

Regards

Tony

I reset url to aAction=RefreshData before reloadding the grid because  want to force server to query db. There are other cases where aAction=loadData which can be either query db if never queried before or reuse data stored in session if queried before. Just to save some performance.

Thanks again.

I have a similar problem. I would like to select the first row after a grid reloading.

What I tried did not do what I expected.

Here is my code :

$("#accountGrid").jqGrid({
    url: g_account_url,
    datatype: "json",
    caption: "AccountList",
    colNames:[ "account_id", "Label", "Currency", "Balance" ],
    colModel:[
        {name:"account_id",index:"account_id", width:1, hidden:true, key:true},
        {name:"account_label",index:"account_label", width:180},
        {name:"currency_code",index:"currency_code", width:180},
        {name:"balance_amount",index:"balance_amount", width:180},
    ],
    height: "150px",
    autowidth: true,
    onSelectRow: f_select_account,
    loadComplete: function(){
        $("#accountGrid").setSelection($("#accountGrid").getDataIDs()[0],true);
    },
    gridComplete: function(){
        $("#accountGrid").setSelection($("#accountGrid").getDataIDs()[0],true);
    }
});

Thanks for your help,

Regards,

Aime

$('#grid_waregroups tbody tr:first-child').click();

I know and I see other examples where setSelection is used and it worked perfektly ... but in my code it does it not ;( If you need some code just say it I will give it to you.

Greetings from Germany

I have the same problem in funktions like gridComplete and loadComplete. I do the following:

and I test this:

And no row is selected 🙁

Oh I always use the last version of JQGrid with JQuery in your download-zip

Sorry no time to explain, but try this:

It will be good if you explain why we should do it this way.

Best Regards

Tony

setSelection does not select the row, whose id is 2, right after a reloadGrid.

        $("#training").setGridParam({url: 'index.php?func=trainingmgr&aAction=refreshData'});
        $("#training").trigger("reloadGrid");
        $("#training").jqGrid('setSelection', "2");

setSelection can select the row, whose id is 2, when you take this line out: $("#training").trigger("reloadGrid");

Anybody experience same issue?

Thanks