<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
 
<!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 id="Head1" runat="server"> 
    <link rel="stylesheet" href="styles.css" type="text/css" /> 
</head> 
<body> 
    <form id="Form1" runat="server"> 
     
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> 
        <telerik:RadCodeBlock runat="server" ID="RadCodeBlock1"> 
 
            <script type="text/javascript"> 
            //<![CDATA[
            
                var treeView;
                
                function pageLoad() {
                    treeView = $find ("<%= RadTreeView1.ClientID %>");
                }
                function onTreeNodeCheck(sender, args) {
                    //do client stuff here
                }
                function onTreeNodeExpand(sender, args) {
                    //do client stuff here
                }
            //]]> 
            </script> 
 
        </telerik:RadCodeBlock> 
         
        <div style="overflow: hidden;"> 
            <ul class="qsfexAvailableActions"> 
                <li> 
                    <asp:Button ID="Button2" CssClass="qsfButton" Text="Postback" runat="server" OnClick="Button2_Click"> 
                    </asp:Button> 
                </li> 
            </ul> 
            <asp:UpdatePanel ID="treeUpdatePanel" runat="server" UpdateMode="Conditional"> 
                <ContentTemplate> 
                    <telerik:RadTreeView ID="RadTreeView1" runat="server" 
                    BorderColor="#898772" BorderWidth="1" BorderStyle="Solid" Skin="Hay" 
                    CheckBoxes="true" TriStateCheckBoxes="true" CheckChildNodes="true" 
                    OnClientNodeChecked="onTreeNodeCheck" OnClientNodeExpanded="onTreeNodeExpand" 
                    OnNodeExpand="treeNodeExpand" Height="420px" Width="189px"> 
                    </telerik:RadTreeView> 
                </ContentTemplate> 
            </asp:UpdatePanel> 
        </div> 
         
    </form> 
</body> 
</html> 
