教你如何用TreeView树形菜单创建像优快云左边那样的导航之二:如何建立一个静态的TreeView

本文介绍如何在 ASP.NET Web 应用中使用 TreeView 控件创建一个多级树形菜单。通过在工具箱中拖放 TreeView 到页面,并在属性面板中编辑节点来实现。示例代码展示了如何构建一个包含多个层级的树状结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在"工具箱"---"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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值