Select grid row on button click using client side

[ali zubair]

HI All,
I am badly struck with an issue that i want to select a row of telerk grid on button click. but on client  side. i don not want to go server side. i am unable to do it.

I have tried many things like
on Client events i add OnRowSelected="RowSelected"
and
following code add check box in all row.
 <Columns>
     <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />
</Columns>

but i can not do it on button click.
so Is it possible and if yes then kindly help me.

Thanks in advance.

[Shinu]

Hello,

One suggestion would be placing button in ItemTemplate and attaching the client side click event to buttons in ItemCreated event and pass the index to handler. Then in the client click event handler, get reference to dataitem and use the set_selected() method to select it.

-Shinu.

[ali zubair]

Thanks for your reply.
But can you please elaborate it. it seems logical but how can i actually implement it.

Thanks.

[ali zubair]

What i actually want is that

I have bind grid using web service and now i want to get the id of selected row on button click.

i got this id on row selected but cannot get it on button click. how can i do this. but on client side.

[Princy]

Hello ali,

Try the following code snippet and see whether it helps you.

ASPX:

<MasterTableView Name="Master" DataKeyNames="EmployeeID" ClientDataKeyNames="EmployeeID">
........
  <asp:Button ID="Button2" runat="server" Text="Button" OnClientClick="ButtonClick();" />

Java Script:

<script type="text/javascript">
    function ButtonClick()
    {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var masterTable = grid.get_masterTableView();
        for (var i = 0; i < masterTable.get_selectedItems().length; i++)
        {
            var row = masterTable.get_selectedItems()[i];
            var id = row.getDataKeyValue("EmployeeID");//get the key value
        }
     }
</script>

Thanks,
Princy.