How to select a grid row using javascript.

[Ron]

Hi,

Can you tell me if there is a way to select a row in a grid with javascript? For instance, lets say I did a rebind on the client and immediately following the rebind I wanted to have row 3 of the grid selected and highlighted. Is that possible?

Thanks,
Ron.

[Shinu]

Hello Ron,

Try the following code snippet to select a row from client side.

Javascript:

function ButtonClick()
{
      var grid = $find("<%=RadGrid1.ClientID %>");
      var MasterTable = grid.get_masterTableView();
      MasterTable.get_dataItems()[2].set_selected(true);
}

Thanks,
Shinu.

[Ron]

This worked, thanks!

[Ron]

On second thought it did not work...sort of. Today when I tried it from a different location if my memory served me correctly it did work on an xp computer with ie 8 now tonight at home with ie 9 on windows 7 its not working correctly. It does attempt to select the row, it highlights for about a second then goes away. Here's my code.

function UpdateStatus() {
               UserWebService.UpdateStatus(Id);
               $find("<%= grdStaff.ClientID %>").get_masterTableView().rebind();

               var status = document.getElementById("<%= lblStatus.ClientID %>");
               status.innerHTML = "Active";

               var grid = $find("<%= grdStaff.ClientID %>");
               var MasterTable = grid.get_masterTableView();
               MasterTable.get_dataItems()[rowIndex1].set_selected(true);

               return false;
           }