<%@ Page Language="C#" Debug="true" AutoEventWireup="true"  CodeFile="treeviewly.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"  >
<style>
    <!--
        .skin1 {
            cursor:default;
            font:menutext;
            position:absolute;
            text-align:left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            width:120px;
            background-color:lightblue;
            border:groove;
            visibility:hidden;
            border:groove;
            color:blue;
        }
        .menuitems {
            padding-left:15px;
            padding-right:10px;
    }
    -->
    </style>    <script type="text/javascript">
var menuskin = "skin1"; 
var display_url = 1; // 是否在浏览器窗口的状态行中显示菜单项目条对应的链接字符串function showmenuie5() 
{
    if (event.srcElement.type== undefined)
    {
            
            document.getElementById('one').innerText = "修改";
            document.getElementById('two').innerText = "添加子结点"
            document.getElementById('three').innerText = "删除"
            var rightedge = document.body.clientWidth-event.clientX;
            var bottomedge = document.body.clientHeight-event.clientY;
            if (rightedge < ie5menu.offsetWidth)
                ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
            else
                ie5menu.style.left = document.body.scrollLeft + event.clientX;
            if (bottomedge < ie5menu.offsetHeight)
                ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
            else
                ie5menu.style.top = document.body.scrollTop + event.clientY;
                ie5menu.style.visibility = "visible";
                }
                else
                {
                   ie5menu.style.visibility = "hidden";
                }
            return false;
    }
    function hidemenuie5()
     {
        ie5menu.style.visibility = "hidden";
    }
    function highlightie5()
     {
        if (event.srcElement.className == "menuitems") 
        {
            event.srcElement.style.backgroundColor = "highlight";
            event.srcElement.style.color = "white";
        if (display_url) //将链接信息显示到状态行
            window.status = event.srcElement.url;
        }
    }
    function lowlightie5() 
    {
        if (event.srcElement.className == "menuitems") 
        {
            event.srcElement.style.backgroundColor = "";
            event.srcElement.style.color = "black";
            window.status = "";
        }
    }
    //转到新的链接位置
    function jumptoie5() //想调用后台事件
    {
想把前面的选中的node和菜单项的选项调入后台???????        
    }
    
    </script>
<head runat="server">
    <title>无标题页</title>    <link rel="stylesheet" href="SimpleTreeView.css" type="text/css" />
    <link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
<!--[if lt IE 7]>
    <link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css" id="IEMenu6CSS" />
<![endif]--> 
    <script type="text/javascript" src="CascadeChecks.js"></script></head><body>
    <form id="form1" runat="server">
     <div id="ie5menu" class="skin0" onmouseover="highlightie5()" onmouseout="lowlightie5()"onclick="jumptoie5();">
            <div id="one" class="menuitems" url="" ></div>
            <div id="two" class="menuitems" url=""></div>
            <div id="three" class="menuitems" url=""></div>
    </div>
    <div>
        &nbsp;<asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" RootNodeStyle-Font-Bold="true" 
        OnClientClickedCheckbox="CascadeChecks(event)" ShowLines="true" OnTreeNodeCheckChanged="OnCheckChanged"
        OnAdaptedTreeNodeCheckChanged="OnCheckChanged" CssSelectorClass="SimpleEntertainmentTreeView"   
         RootNodeStyle-Font-Size="Large" style="left: 184px; position: absolute; top: 124px" >
         <Nodes>
         </Nodes>
        </asp:TreeView>
                
        <div>
            &nbsp;
         </div>
        <div id="EntertainmentMessage">
            <asp:Label id="WhatsChecked" runat="server" style="left: 472px; position: absolute; top: 249px" Height="168px" Width="344px" />
        </div>
        &nbsp;
            <asp:Button ID="Button1" runat="server" UseSubmitBehavior="true" Text="Submit" style="left: 50px; position: absolute; top: 651px" Height="28px" Width="58px" />
        
    </div>
    </form>
    
    
    <script type="text/javascript">
      if (document.all) //如果当前浏览器是Internet Explorer,document.all就返回真
      {
          ie5menu.className = menuskin;//选择菜单方块的显示样式
          document.getElementById('TreeView1').oncontextmenu = showmenuie5;//重定向鼠标右键事件的处理过程
          document.body.onclick = hidemenuie5;//重定向鼠标左键事件的
      }
    </script>
    
    
</body>
</html>