[Solved] ItemTemplate and findControl() returning null client-side

[Eve]

Hello,

I am having trouble accessing controls in a RadMenu ItemTemplate in javascript.

I've used the code snippet supplied in the RadMenu documentation.  findItemByValue works, but calling findControl on that item to get to a control returns null.

Stepping into telerik's javascript, I can see that it does find a matching control id, but then returns null from the $find on that id.

Here is basically what I have:

<telerik:RadContextMenu ID="SearchContextMenu" runat="server">

            <Items>

                <telerik:RadMenuItem Value="FilterCustom">

                    <ItemTemplate>

                        <asp:TextBox ID="ContextMenuFilterTextBox" runat="server"></asp:TextBox>

                    </ItemTemplate>

                </telerik:RadMenuItem>

            </Items>

        </telerik:RadContextMenu>

And my related script:

         function RowContextMenu(sender, eventArgs) {

                var menu = $find("<%=SearchContextMenu.ClientID %>");

                //preload the filter textbox from the current cell

                var menuItem = menu.findItemByValue("FilterCustom");

                var textBox = menuItem.findControl("ContextMenuFilterTextBox");

                textBox.value = evt.target.innerHTML;

            }

Unfortunately, textBox is always null.

Can you reproduce this problem?

Thank you,

Eve

[Eve]

Whoops, forgot the script line:

var evt = eventArgs.get_domEvent();

[Veselin Vasilev]

Hello Eve,

the standard asp:TextBox does not have a client object which can be found with $find (or findControl) method.
You can use the findElement method of the $telerik client library like this:

 function RowContextMenu(sender, eventArgs) {
                var menu = $find("<%=SearchContextMenu.ClientID %>");

                //preload the filter textbox from the current cell
                var menuItem = menu.findItemByValue("FilterCustom");
                var textBox = $telerik.findElement(menuItem.get_element(), "ContextMenuFilterTextBox");
                textBox.value = evt.target.innerHTML;
            }

I hope this helps.

All the best,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Eve]

PERFECT!  Everything works now.  Thank you, Veselin!