本文介绍如何在 ASP.NET Web 应用中使用 TreeView 控件创建一个多级树形菜单。通过在工具箱中拖放 TreeView 到页面，并在属性面板中编辑节点来实现。示例代码展示了如何构建一个包含多个层级的树状结构。
在"工具箱"---"web窗体--TreeView"直接拖放到页面上,然后打开"属性--nodes"后面的"..."编辑后,WebForm1.aspx页面如下:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="TreeTest.WebForm1" %>
<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<iewc:treeview id="TreeView1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 16px" runat="server">
<iewc:TreeNode Text="Node1">
<iewc:TreeNode Text="Node11">
<iewc:TreeNode Text="Node111"></iewc:TreeNode>
<iewc:TreeNode Text="Node112"></iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text="Node12">
<iewc:TreeNode Text="Node121"></iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text="Node2"></iewc:TreeNode>
<iewc:TreeNode Text="Node3"></iewc:TreeNode>
</iewc:treeview></form>
</body>
</HTML>
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="TreeTest.WebForm1" %><%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title>WebForm1</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <iewc:treeview id="TreeView1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 16px" runat="server"> <iewc:TreeNode Text="Node1"> <iewc:TreeNode Text="Node11"> <iewc:TreeNode Text="Node111"></iewc:TreeNode> <iewc:TreeNode Text="Node112"></iewc:TreeNode> </iewc:TreeNode> <iewc:TreeNode Text="Node12"> <iewc:TreeNode Text="Node121"></iewc:TreeNode> </iewc:TreeNode> </iewc:TreeNode> <iewc:TreeNode Text="Node2"></iewc:TreeNode> <iewc:TreeNode Text="Node3"></iewc:TreeNode> </iewc:treeview></form> </body></HTML>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
