radgrid itemtemplate and jquery

[Michael]

I'm trying to get an element id from inside a radgrid's GridTemplateColumn ItemTemplate.
But i keep getting 'btnContainer' does not exist in the current context.
How do i get it's id?

jquery:

 

document.getElementById('<%= btnContainer.ClientID %>')

radgrid:

<telerik:GridTemplateColumn>
      <ItemTemplate>
            <asp:LinkButton ID="btnContainer" class="ActionMenuButton" runat="server" >Actions</asp:LinkButton>
      </ItemTemplate>           
</telerik:GridTemplateColumn>

[Princy]

Hello Michael,

You can access the controls in ItemTemplate using findElement as shown below.
Javascript:

<script type="text/javascript">
 function ButtonClick()
  {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var masterTable = grid.get_masterTableView();
        var row = masterTable.get_dataItems();
        var button = row.findElement("btnContainer");
  }
</script>

Thanks,
Princy

[Michael]

I tried that but I keep getting an error

Error: Object doesn't support property or method 'findElement'

[Daniel]

Hello Michael,

findElement method is part of the item object and not of the items array:

var row = masterTable.get_dataItems()[0];
var button = row.findElement("btnContainer");

GridDataItem Class Members

Regards,
Daniel
the Telerik team

[Michael]

That fixed the error but my button's OnCommand still isn't working inside the radgrid

row.findElement("btnContainer").click();

<asp:LinkButton ID="btnContainer" class="ActionMenuButton" runat="server" CommandName='<%#Eval("formID") + "," + Eval("isPublished")%>' OnCommand="action_Command">Actions</asp:LinkButton>

[Daniel]

Hello Michael,

This code works fine on my end.
I created a simple demo based on these snippets. Please test it locally and see if I'm missing something.

Best regards,
Daniel
the Telerik team

[Michael]

Thanks, seems to work but I'm needing to get the values from each row. How would I go about doing something like that? Here is what my action_Command looks like:

protected void action_Command(object sender, CommandEventArgs e)
    {
        string[] values = e.CommandName.Split(',');
        Globals.FormID = Convert.ToInt32(values[0]);
        Globals.IsPublished = values[1];

        Label1.Text = Globals.FormID + "";
        Label2.Text = Globals.IsPublished;
    }

[Daniel]

Hello Michael,

I merged your code to my previous demo and added logic to display the values for each row.
Hope this helps.

Regards,
Daniel
the Telerik team

[prat]

I have a Radgrid and four textboxes in the item templates of each row.
On textchanged event of a textbox I want to loop through the radgrid using Jquery/JavaScript, sum up all the three textboxes and display it in the fourth textbox of the corresponding row..
Is there a solution?