Auto select the first row in the datagrid

[Lamborghini]

Hi All,

This seems to be a simple question. I need to autoselect the first row in the data grid after the rebind() function. Here is the section of the RadGrid

<

 

 

ClientSettings>

 

 

 

<ClientEvents OnRowDblClick="DataGridRowDblClicked" />

 

 

 

<Scrolling AllowScroll="true" ScrollHeight="235px" />

 

 

 

<Selecting AllowRowSelect="true" />

 

 

 

</ClientSettings>
Thanks,
E.

 

[Princy]

Hello,

You can set the Selected property to true for  the first row  like below.

C#:

protected void RadGrid1_PreRender(object sender, EventArgs e)
  {
      RadGrid1.MasterTableView.Items[0].Selected = true;
  }

Thanks,
Princy.

[Lamborghini]

Thank you for the reply.
I should have been more clear. I need to do this client side.

Thanks,
E.

[Lamborghini]

In addition to my earlier comment, this RadGrid is located in a tab which is not visible by default. Therefore, The databinding is delayed until the tab is selected. Hence the server code that was provided would not work since I could not tell whether the RadGrid was in its initial dataload or not.

Thanks,
E.

[Marin]

Hello Ernesto,

You can select the first row of the grid client-side in the following way after the grid is rebound:

var grid = $find("<%= RadGrid1.ClientID %>");
                if (grid.get_masterTableView()!= null && grid.get_masterTableView().get_dataItems().length>0) {
                    grid.get_masterTableView().get_dataItems()[0].set_selected();
                }

or you can add the index of the first item to the selectedIndexes collection for the grid in server side.

RadGrid1.SelectedIndexes.Add(0);

Let me know how this works for you and if you have other questions.

Best wishes,
Marin
the Telerik team