Is not possible what I whant? Template that contains Treeview in Combo

[Fabio Laserra]

Hello,
I have tried to inser in a template contained in a RadGrid a RadCombo that shows a TreeView. It works only if I don't use ajax (so with traditional postbacks). It I insert the grid in a panelupdate, this combo does not work. Below you can find the code I used. Can anyone suggest me a solution? The problem is in javascript code

Thank you
<telerik:GridTemplateColumn UniqueName="TemplateColumn">
    <EditItemTemplate>

        <script type="text/javascript">        
        function nodeClicking(sender, args)
        {
            var comboBox = $find('<%= RadGridSchedaLavori_MaterialiForniture.MasterTableView.GetInsertItem.FindControl("RadComboBox1").ClientID %>');

            var node = args.get_node()
            alert(comboBox.get_items().get_count());
            
            comboBox.set_text(node.get_text());
            
            comboBox.trackChanges();
            comboBox.get_items().getItem(0).set_value(node.get_text());
            comboBox.commitChanges();

            comboBox.hideDropDown();
            //alert(node.get_text());
            
        }

        function StopPropagation(e)
        {
            if(!e)
            {
                e = window.event;
            }

            e.cancelBubble = true;
        }
        
        function OnClientDropDownOpenedHandler(sender, eventArgs)
        {
            var tree = sender.get_items().getItem(0).findControl('RadGridSchedaLavori_MaterialiForniture.MasterTableView.GetInsertItem.FindControl("RadTreeView1").ClientID');
            var selectedNode = tree.get_selectedNode();
            if (selectedNode)
            {
                selectedNode.scrollIntoView();
            }
        }
        </script>

        <telerik:RadComboBox ID="RadComboBox1" runat="server" Height="140px" Width="215px"
            ShowToggleImage="True" Style="vertical-align: middle;" OnClientDropDownOpened="OnClientDropDownOpenedHandler"
            EmptyMessage="Choose a destination" ExpandAnimation-Type="None" CollapseAnimation-Type="None">
            <ItemTemplate>
                <div id="div1">
                    <telerik:RadTreeView runat="server" ID="RadTreeView1" OnClientNodeClicking="nodeClicking"
                        Height="138px" Width="212px">
                        <Nodes>
                            <telerik:RadTreeNode runat="server" Text="Africa" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="Egypt">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Cairo">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="South Africa">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Cape Town">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Kenya">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Nairobi" Value="1999">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Australia">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="South East Australia">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Sydney">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Melbourne">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Asia" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="China">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Bejing">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="India">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New Delhi">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Bombay">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Indonesia">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Jakarta">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="Europa" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="England">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="London">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Liverpool">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Manchester">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="France">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Paris">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Cannes">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Nice">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Germany">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Bonn">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Berlin">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Frankfurt">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="North America" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="USA">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New York">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Los Angeles">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Boston">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Canada">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Toronto">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Ottawa">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Vancouver">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Mexico">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Mexico City">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Cancun">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                            <telerik:RadTreeNode runat="server" Text="South America" Expanded="true">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="Brazil">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="New Brazil">
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Rio de Janeiro">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Argentina">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Buenos Aires">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Chile">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Santiago">
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                            </telerik:RadTreeNode>
                        </Nodes>
                    </telerik:RadTreeView>
                </div>
            </ItemTemplate>
            <Items>
                <telerik:RadComboBoxItem Text="" />
            </Items>
        </telerik:RadComboBox>

        <script type="text/javascript">
        var div1 = document.getElementById("div1");
        div1.onclick = StopPropagation;
        </script>

    </EditItemTemplate>
</telerik:GridTemplateColumn>

[Iana Tsolova]

Hello Fabio,

Could you please try wrapping the javascript code in a RadScriptBlock and see if it makes any difference?
If the problem persists, I suggest that you handle the grid ItemDataBound event and there register the client scripts through the ScriptManager.RegisterStartupScript() method.

Give it a try and let me know if you need further assistance.

Regards,
Iana
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.

[Fabio Laserra]

Thank you! :)