<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>


<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Examples.TreeView.TreeViewComboBox.DefaultCS"
    Language="c#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
</head>
<body class="BODY">
    <form runat="server" id="mainForm" method="post" style="width: 100%">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
     
        <script type="text/javascript"> 
        function nodeClicking(sender, args)
         {
         var comboBox= Telerik.Web.UI.RadComboBox.ComboBoxes[0];
         var node = args.get_node();
          comboBox.set_text(node.get_text());
        comboBox.hideDropDown(); 
        }
        
         function StopPropagation(e) 
         {  if(!e)
			 {
				e = window.event;
			 }
			 
			 e.cancelBubble = true;
         }
        </script>

        <asp:DetailsView ID="dvAddMenu" runat="server" AutoGenerateRows="False" CellPadding="4"
            DataKeyNames="Menu" DataSourceID="SqlDataSource1" DefaultMode="Insert"
            ForeColor="#333333" HeaderText="THÊM MỚI CHUYÊN MỤC. " Style="position: relative"
            Width="640px" AllowPaging="True">
            <PagerSettings Mode="NextPreviousFirstLast" />
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <CommandRowStyle BackColor="#E2DED6" Font-Bold="True" />
            <EditRowStyle BackColor="#999999" />
            <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
            <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
            <Fields>
            <asp:TemplateField >
            <ItemTemplate>
                <telerik:RadComboBox ID="rcbAddMenuParent" runat="server" AllowCustomText="True"
                    ShowToggleImage="true" EnableTextSelection="True" Font-Names="Arial" Font-Size="X-Small"
                    HighlightTemplatedItems="True" LoadingMessage="Đang tải dữ liệu..." OffsetY="5"
                    Skin="Default2006" Sort="Ascending" Style="position: relative; top: 0px; left: 0px;"
                    Width="500px" Height="300px">
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                    <ItemTemplate>
                        <div id="div1">
                            <telerik:RadTreeView ID="rtvAddMenuParent" runat="server" OnClientNodeClicking="nodeClicking"
                                Style="position: relative" Width="400px" Height="280px">
                                <Nodes>
                                    <telerik:RadTreeNode runat="server" Text="Africa" Expanded="true" AllowDrag="false"
                                        AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Egypt" AllowDrag="false" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Cairo" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="South Africa" AllowDrag="false" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Cape Town" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Kenya" AllowDrag="false" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Nairobi" AllowDrop="false" Value="1999">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Australia" AllowDrag="false" AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="South East Australia" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Sydney" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Melbourne" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Asia" Expanded="true" AllowDrag="false"
                                        AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="China" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Bejing" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="India" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="New Delhi" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Bombay" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Indonesia" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Jakarta" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="Europa" Expanded="true" AllowDrag="false"
                                        AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="England" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="London" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Liverpool" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Manchester" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="France" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Paris" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Cannes" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Nice" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Germany" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Bonn" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Berlin" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Frankfurt" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="North America" Expanded="true" AllowDrag="false"
                                        AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="USA" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="New Yourk" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Los Angeles" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Boston" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Canada" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Toronto" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Ottawa" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Vancouver" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Mexico" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Mexico City" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Cancun" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                    <telerik:RadTreeNode runat="server" Text="South America" Expanded="true" AllowDrag="false"
                                        AllowDrop="false">
                                        <Nodes>
                                            <telerik:RadTreeNode runat="server" Text="Brazil" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="New Brazil" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Rio de Janeiro" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Argentina" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Buenos Aires" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                            <telerik:RadTreeNode runat="server" Text="Chile" AllowDrop="false">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="Santiago" AllowDrop="false">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeNode>
                                        </Nodes>
                                    </telerik:RadTreeNode>
                                </Nodes>
                                <CollapseAnimation Duration="100" Type="OutQuint" />
                                <ExpandAnimation Duration="100" />
                            </telerik:RadTreeView>
                        </div>
                    </ItemTemplate>
                    <Items>
                    <telerik:RadComboBoxItem Text="" />
                    </Items>
                </telerik:RadComboBox></ItemTemplate></asp:TemplateField>
            </Fields>
            <FieldHeaderStyle BackColor="#E9ECF1" Font-Bold="True" />
            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
        </asp:DetailsView>
<script type="text/javascript">

var div1= document.getElementById("div1");
div1.onclick = StopPropagation;
</script>
     
<asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
			ProviderName="System.Data.SqlClient" SelectCommand="SELECT * from Countries" />
	
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Submit" Style="vertical-align: middle;
            margin-left: 6px;" />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:DropDownList
            ID="dr1" runat="Server">
        </asp:DropDownList>
        <asp:Label ID="Label1" runat="server" Style="display: block; color: #3b9400; margin: 7px 0 30px 0;width: 700px; font-weight: bold; font-size: 11px;"></asp:Label></div>
     </form>
</body>
</html>
