当前位置:编程学习 > C#/ASP.NET >>

帮改改有关treeview代码

<%@ Page Language="C#" %>

<html>
<head>
    <style>
    <!--
        .skin1 {
            cursor:default;
            font:menutext;
            position:absolute;
            text-align:left;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            width:120px;
            background-color:menu;
            border:1 solid buttonface;
            visibility:hidden;
            border:2 outset buttonhighlight;
        }
        .menuitems {
            padding-left:15px;
            padding-right:10px;
    }
    -->
    </style>

    <script type="text/javascript">

<!-- Begin
var menuskin = "skin1"; 
var display_url = 1; // Show URLs in status bar?
function showmenuie5() {
    if (event.srcElement.type != undefined)
    {
            var s  = event.srcElement.id;
            var ind = s.replace("TreeView1t", "");
            s = s.replace("TreeView1t", "TreeView1n"); 

            document.getElementById('one').url = event.srcElement.href;
            document.getElementById('one').innerText = "Select";
            var ch = document.getElementById(s);
            if (ch != null){
                document.getElementById('two').url = "javascript:TreeView_ToggleNode(TreeView1_Data," + ind + "," + s + ",' '," + s + "Nodes)";    
                document.getElementById('two').innerText = "Expand\\Collapse";
            }
            else        
                document.getElementById('two').outerHTML="<div id=two class=menuitems url=''></div>"


            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() {
        if (event.srcElement.className == "menuitems") {
            if (event.srcElement.getAttribute("target") != null)
                window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
            else
                window.location = event.srcElement.url;
        }
    }
//  End -->
    </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>
        <asp:TreeView ID="TreeView1" runat="server">
            <Nodes>
                <asp:TreeNode Text="a" Value="a">
                    <asp:TreeNode Text="b" Value="b">
                        <asp:TreeNode Text="c" Value="c"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="cc" Value="cc">
                    <asp:TreeNode Text="ccc" Value="ccc">
                        <asp:TreeNode Text="cccc" Value="cccc"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
            <SelectedNodeStyle BackColor="#C00000" />
        </asp:TreeView>
    </form>

    <script type="text/javascript">
      if (document.all) {
          ie5menu.className = menuskin;
          document.getElementById('TreeView1').oncontextmenu = showmenuie5;
          document.body.onclick = hidemenuie5;
      }
    </script>
</body>
</html>
这个用的是以前版本的treeview控件,想改成2.0的treeview控件,怎么改啊,功能不要变 --------------------编程问答-------------------- 不是上面的是下面这段代码
TreeView.aspx   
    
  <%@   Register   TagPrefix="iewc"   Namespace="Microsoft.Web.UI.WebControls"   Assembly="Microsoft.Web.UI.WebControls,   Version=1.0.2.226,   Culture=neutral,   PublicKeyToken=31bf3856ad364e35"   %>   
  <HTML>   
  <HEAD>   
  <title>TreeView控件右键菜单</title>   
  <style>   
  <!--   
  .skin     
  {   
  cursor:default;   
  font:menutext;   
  position:absolute;   
  text-align:left;   
  font-family:   Arial,   Helvetica,   sans-serif;   
  font-size:   10pt;   
  width:120px;   
  background-color:menu;   
  border:1   solid   buttonface;   
  visibility:hidden;   
  border:2   outset   buttonhighlight;   
  }   
  .menuitems     
  {   
  padding-left:15px;   
  padding-right:10px;   
  }   
  -->   
  </style>     
  </HEAD>   
  <body   onclick="hideMenu()">   
  <form   id="TreeView"   method="post"   runat="server">   
  <iewc:TreeView   id="TreeView1"   runat="server"   ExpandLevel="3"   HoverStyle="color:blue;background:#ffff00;">   
  <iewc:TreeNode   Text="Node0"   Expanded="True">   
  <iewc:TreeNode   Text="Node3">   
  <iewc:TreeNode   Text="Node5"></iewc:TreeNode>   
  <iewc:TreeNode   Text="Node6"></iewc:TreeNode>   
  </iewc:TreeNode>   
  <iewc:TreeNode   Text="Node4"></iewc:TreeNode>   
  </iewc:TreeNode>   
  <iewc:TreeNode   Text="Node1"   Expanded="True">   
  <iewc:TreeNode   Text="Node7">   
  <iewc:TreeNode   Text="Node8"></iewc:TreeNode>   
  </iewc:TreeNode>   
  </iewc:TreeNode>   
  <iewc:TreeNode   Text="Node2"   Expanded="True">   
  <iewc:TreeNode   Text="Node9"></iewc:TreeNode>   
  <iewc:TreeNode   Text="Node10">   
  <iewc:TreeNode   Text="Node11"></iewc:TreeNode>   
  <iewc:TreeNode   Text="Node12"></iewc:TreeNode>   
  </iewc:TreeNode>   
  </iewc:TreeNode>   
  </iewc:TreeView>   
  <div   id="popupMenu"   class="skin"   onMouseover="highlighItem()"   onMouseout="lowlightItem()"   onClick="clickItem()">   
  <div   class="menuitems"   func="add">添加</div>   
  <hr>   
  <div   class="menuitems"   func="delete">删除</div>   
  <div   class="menuitems"   func="modify">修改</div>   
  </div>   
  </form>   
  <script   language="javascript">   
  var   menuskin   =   "skin";   
  var   node   =   null;   
    
  function   hideMenu()     
  {   
  popupMenu.style.visibility   =   "hidden";   
  }   
    
  function   highlighItem()     
  {   
  if   (event.srcElement.className   ==   "menuitems")     
  {   
  event.srcElement.style.backgroundColor   =   "highlight";   
  event.srcElement.style.color   =   "white";   
  }   
  }   
    
  function   lowlightItem()     
  {   
  if   (event.srcElement.className   ==   "menuitems")     
  {   
  event.srcElement.style.backgroundColor   =   "";   
  event.srcElement.style.color   =   "black";   
  window.status   =   "";   
  }   
  }   
    
  function   clickItem()     
  {   
  if   (event.srcElement.className   ==   "menuitems")     
  {   
  if(event.srcElement.getAttribute("func")   ==   "add"   &&   node   !=   null)   
  {   
  var   newNode=TreeView1.createTreeNode();   
  newNode.setAttribute("Text","new   Node");   
  node.add(newNode);   
  }   
  else   if   (event.srcElement.getAttribute("func")   ==   "delete"   &&   node   !=   null)   
  {   
  node.remove();   
  }   
  else   if   (event.srcElement.getAttribute("func")   ==   "modify"   &&   node   !=   null)   
  {   
  node.setAttribute("Text","hgknight");   
  }   
  }   
  }   
    
  function   TreeView1.oncontextmenu()   
  {   
  var   nodeIndex   =   event.treeNodeIndex;   
  if   (typeof(nodeIndex)   ==   "undefined")   
  {   
  node   =   null;   
  return   false;   
  }   
    
  node   =   TreeView1.getTreeNode(nodeIndex);   
    
  var   rightedge   =   document.body.clientWidth-event.clientX;   
  var   bottomedge   =   document.body.clientHeight-event.clientY;   
  if   (rightedge   <popupMenu.offsetWidth)   
  {   
  popupMenu.style.left   =   document.body.scrollLeft   +   event.clientX   -   popupMenu.offsetWidth;   
  }   
  else   
  {   
  popupMenu.style.left   =   document.body.scrollLeft   +   event.clientX;   
  }   
  if   (bottomedge   <popupMenu.offsetHeight)   
  {   
  popupMenu.style.top   =   document.body.scrollTop   +   event.clientY   -   popupMenu.offsetHeight;   
  }   
  else   
  {   
  popupMenu.style.top   =   document.body.scrollTop   +   event.clientY;   
  }   
  popupMenu.style.visibility   =   "visible";   
  return   false;   
  }   
    
  </script>   
  </body>   
  </HTML>   
   --------------------编程问答-------------------- 右键点击treenode有add、delete、modify功能 --------------------编程问答-------------------- 好多呀。
http://blog.csdn.net/greatverve/archive/2008/12/08/3474297.aspx
http://blog.csdn.net/greatverve/archive/2008/10/30/3183140.aspx
这就研究了这些。 --------------------编程问答-------------------- 你先写好右键菜单,菜单里有add,delete,modify,然后逐一写事件就可以了
http://www.cnblogs.com/zhangpengshou/archive/2008/11/16/1334377.html
http://dev.csdn.net/article/26/26468.shtm --------------------编程问答-------------------- 汗...up。 --------------------编程问答-------------------- csdn
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,