This is a migrated thread and some comments may be shown as answers.

How to find control ID inside the radgrid template field using java script

3 Answers 180 Views
Grid
This is a migrated thread and some comments may be shown as answers.
morteza
Top achievements
Rank 1
morteza asked on 24 Apr 2011, 07:45 PM
hi,

I have radgrid control and it has template Column, i want to find the control ID(e.g lbl_payable)  inside the rad grid using java script in RowSelected method.

how can i do that ?

thanks in advance morteza
    <telerik:RadGrid ID="RadGrid1" runat="server" onitemdatabound="RadGrid1_ItemDataBound">
    <MasterTableView autogeneratecolumns="False"
                        ClientDataKeyNames="id">
    <RowIndicatorColumn>
        <HeaderStyle Width="20px"></HeaderStyle>
    </RowIndicatorColumn>
 
    <ExpandCollapseColumn>
        <HeaderStyle Width="20px"></HeaderStyle>
    </ExpandCollapseColumn>
        <Columns>
            <telerik:GridBoundColumn DataField="id" DataType="System.Int32" HeaderText="id"
                ReadOnly="True" SortExpression="id" UniqueName="id" Visible="false">
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn UniqueName="payable"
                HeaderText="payable">
            <ItemTemplate >
                <asp:Label ID="lbl_payable" runat="server"></asp:Label>
            </ItemTemplate>
                <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </telerik:GridTemplateColumn>
 
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <ClientEvents OnRowSelected="RowSelected" />
        <Selecting AllowRowSelect="True" />
    </ClientSettings>
</telerik:RadGrid>


javascript code
function RowSelected(sender, eventArgs)
{
// how get lbl_payable
}



3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 25 Apr 2011, 06:13 AM
Hello morteza,

Try the following client side code to achieve your requirement.

Javascript:
  function OnRowSelected(Sender, agrs)
   {
        var label = agrs.get_gridDataItem().findElement("lbl_payable");
        alert(label.innerText);
   }

Thanks,
Shinu.
0
morteza
Top achievements
Rank 1
answered on 25 Apr 2011, 07:59 AM
thank you alot for answering, Shinu

I tried, but "agrs.get_gridDataItem()" return null !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

thanks in advance. morteza
0
Shinu
Top achievements
Rank 2
answered on 25 Apr 2011, 09:01 AM
Hello Morteza,

The get_gridDataItem() is not directly available on the client unless OnRowCreating/OnRowCreated events are hooked up. This is done for optimization purpose. If you need the rowIndex, you can use eventArgs.get_itemIndexHierarchical().

Regards,
Shinu.
Tags
Grid
Asked by
morteza
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
morteza
Top achievements
Rank 1
Share this question
or