Retriving FooterTemplate Items in Javascript

[Wai Wai Chan]

Hi There,

Below is my sample code of a GridTemplateColumn in RadGrid1.
To be noted that there are 2 labels, for displaying MYR and USD amounts respectively, in the footer.

<telerik:GridTemplateColumn UniqueName="Balance" HeaderText="Balance">
    <ItemTemplate>
        <asp:Label ID="lblBalance" runat="Server"></asp:Label>
    </ItemTemplate>
    <FooterTemplate>
        <asp:Label ID="lblBalanceMYR" runat="Server"></asp:Label>
        <asp:Label ID="lblBalanceUSD" runat="server"></asp:Label>
    </FooterTemplate>
</telerik:GridTemplateColumn>

I try to use below javascript to retrieve the MYR amount for further client-side validation. Unfortunately the program always throws me the USD amount, a.k.a. the inner text of "lblBalanceUSD" only, instead of "lblBalanceMYR".

var Amount = RadGrid1.get_masterTableView().get_element().tFoot.all.tags("span")[0].innerHTML;

Any idea to access the text of "lblBalanceMYR"?
Thanks in advance. :)

[Shinu]

 Hello Wai,

You can access the footer text of  label(lblBalanceMYR) by specifying the index position like below.

ClientCode:

<script type="text/javascript">
function check()
{
var rdgrid= $find('<%=RadGrid1.ClientID %>');
var Amount1 = rdgrid.get_masterTableView().get_element().tFoot.all.tags("span")[0].innerHTML;
var amount=rdgrid.get_masterTableView().get_element().tFoot.all.tags("span")[1].innerText
}
</script>

Regards,
Shinu.