Cannot get 'OnRowSelected' to fire with Select Button

[Richard M]

I have a RadGrid with a GridButtonColumn containing a Select button, CommandName="Select".  In the the RadGrid's <Client Events> I added 'OnRowSelected' = "myFunction()".  I want to be able to click on the Select button and trigger the OnRowSelected event to use my Javascript function.  But this is not working.  Here is my code:

 

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function myFunction()
    {
      alert('testing');
    }
    </script>
    </telerik:RadCodeBlock>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None">
    <HeaderContextMenu EnableAutoScroll="True">
    </HeaderContextMenu>
    <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
    <RowIndicatorColumn>
    <HeaderStyle Width="20px" />
    </RowIndicatorColumn>
    <ExpandCollapseColumn>
    <HeaderStyle Width="20px" />
    </ExpandCollapseColumn>
    <Columns>
    <telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="column">
    </telerik:GridButtonColumn>
    </Columns>
    </MasterTableView>
    <ClientSettings  Selecting-AllowRowSelect="true">
    <Selecting AllowRowSelect="true" />
   <ClientEvents OnRowSelected="myFunction" />
    </ClientSettings>
    </telerik:RadGrid>

 

 

 

 

 

 

 

 

 

 

[Shinu]

Hi Richard,

Normally when you add GridButtoncolumn with CommandName "Select", the OnRowSelect will not invoked.But you can attach the OnCommand event and check for the CommandName in the handler to perform the actions when a selection is made.

JavaScript:

<script type="text/javascript">

function myFunction(sender, args) {

if (args.get_commandName() == "Select") {

// Your code

alert('testing');

}

}

</script>

[args.get_commandArgument() stores item index. Thus you can use it to access clicked data item]

-Shinu.

[Richard M]

That worked great.  What I am trying to do now is get the value of the column 'ID' when I click on the Select button, which I can then pass to a RadWindow.  I tried using the code below with <ClientEvents OnCommand="rowSelected" />, but I get the error 'Microsoft JScript runtime error: Object doesn't support this property or method'.

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None" AllowAutomaticDeletes="True">
    <HeaderContextMenu EnableAutoScroll="True">
    </HeaderContextMenu>
    <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1" CommandItemDisplay="Top" DataKeyNames="ID"
    ClientDataKeyNames="ID">
    <Columns>
    <telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="column" >
    </telerik:GridButtonColumn>
    </Columns>
    </MasterTableView>
    <ClientSettings>
    <ClientEvents OnCommand="rowSelected" />
    </ClientSettings>
    </telerik:RadGrid>

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function rowSelected(sender, eventArgs) {
        if (eventArgs.get_commandName() == "Select") {
            var ID = eventArgs.getDataKeyValue("ID")
            alert(ID);
        }
    }
    </script>
    </telerik:RadCodeBlock>

[Shinu]

Hello Richanrd,

Try the following client side code in order to access the datakeyvalue in OnCommand client event.

javascript:

    <script type="text/javascript">
        function myFunction(sender, args) {
            if (args.get_commandName() == "Select") {
                var DataItem = $find("<%=RadGrid1.ClientID %>").get_masterTableView().get_dataItems()[args.get_commandArgument()];
                var keyValues = DataItem.getDataKeyValue("ID");
                alert(keyValues);
            }
        }
    </script>

Hope this helps,
Shinu

[Richard M]

Shinu,
That works great!  Thank you very much for all your help.

Richard