[Solved] $find("<%=RadTabStrip.ClientID %>") is returning NULL

[Jeff]

I have a web control with a RadTabStrip, and when I call $find(), I'm getting NULL.  I know I must be doing something wrong, but for the life of me I don't know what.  Currently, I have both the RadTabStrip markup and the javascript that is calling $find() in the same .ascx file, and it's still not working.

Any ideas where I am going wrong?

<div runat="server">
    <telerik:RadTabStrip ID="radTabStrip" runat="server" Skin="Sunset"
            MultiPageID="mpageTabs" SelectedIndex="0">
        <Tabs>
            <telerik:RadTab Text="Graph"></telerik:RadTab>
            <telerik:RadTab Text="Table"></telerik:RadTab>
            <telerik:RadTab Text="Criteria"></telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="mpageTabs" runat="server" SelectedIndex="0">
        <telerik:RadPageView ID="pageGraph" runat="server">
        </telerik:RadPageView>

        <telerik:RadPageView ID="pageChart" runat="server">
        </telerik:RadPageView>

        <telerik:RadPageView ID="pageCriteria" runat="server">
        </telerik:RadPageView>

    </telerik:RadMultiPage>

</div>

<script type="text/javascript">
    function getRadTabStrip()
    {
        debugger;
        var clientId = "<%= radTabStrip.ClientID %>";
        var tabStrip = $find(clientId);
        return tabStrip;
    }
</script>

[Shinu]

Hi Jeff,

It just works fine when I tried in my end (when calling the event handler from client only). I guess you are calling the client method from code behind, if so you could use the following code to invoke the client method.

CS:

protected void Button2_Click(object sender, EventArgs e)
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "key", "<script type='text/javascript'>  function f(){getRadTabStrip()} Sys.Application.add_load(f); </script>", false);  // Call the client event handler
    }

JavaScript:

<script type="text/javascript">
    function getRadTabStrip()
    {
        var clientId = "<%= radTabStrip.ClientID %>";
        var tabStrip = $find(clientId);
    }
</script>

-Shinu.

[Jeff]

I'd been calling the client method from JQuery's $(document).ready(), which appears to be too early.  The client controller object didn't exist, yet.

What I was trying to do was to set the selected tab from a cookie, on page load.  I moved the code into an OnClientLoad event, and everything is working fine.