`

用TreeView实现树菜单

阅读更多
 具体方法是:创建一个数据库,设计树图信息表S_Menu,包含NodeId、ParentId、NodeName、Address、Icon字段,其它字段根据实际业务而定,节点名称NodeName将在树型控件的节点上显示,NodeId字段保存节点的唯一标识号,ParentId表示当前节点的父节点号,标识号组成了一个“链表”,记录了树上节点的结构。设计一个Web窗体其上放置TreeView控件,修改其属性Id为tvMenu。

  数据结构如下:

CREATE TABLE [dbo].[S_Menu] (
[NodeId] [char] (6) COLLATE Chinese_PRC_CI_AS NULL ,
[ParentId] [char] (6) COLLATE Chinese_PRC_CI_AS NULL ,
[NodeName] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Address] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Icon] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL
) ON [PRIMARY]
GO

  数据库如下:

NodeId ParentId NodeName Address Icon
100000 0 公共查询部 icon_document.gif
100001 100000 人民币日报查询 public/a1.aspx icon_settings.gif
100002 100000 外币日报查询 public/a2.aspx icon_settings.gif
100003 0 分行科技部 icon_document.gif
100004 100003 人民币日报查询 tech/a1.aspx icon_settings.gif
100005 100003 外币日报查询 tech/a2.aspx icon_settings.gif
100006 0 福田支行 icon_document.gif
100007 100006 月存款进度表 a1.aspx icon_settings.gif
100008 100006 月存款走势图 a2.aspx icon_settings.gif
100009 0 罗湖支行 icon_document.gif
100010 100009 月存款进度表 a1.aspx icon_settings.gif
100011 100009 月存款走势图 a2.aspx icon_settings.gif

menu_left.aspx文件如下:
<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Page language="c#" Codebehind="menu_Left.aspx.cs" AutoEventWireup="false" Inherits="hzquery.menu.menu_Left" %>
<HTML>
<HEAD>
<title>menu_Left</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="menu_Left" method="post" runat="server">
<iewc:TreeView id="tvMenu" runat="server"></iewc:TreeView>
</form>
</body>
</HTML>

CodeBehind代码如下:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using Microsoft.Web.UI.WebControls;
using System.Data.SqlClient;

namespace hzquery.menu
{
/// <summary>
/// menu_Left 的摘要说明。
/// </summary>
public class menu_Left : System.Web.UI.Page
{
protected Microsoft.Web.UI.WebControls.TreeView tvMenu;
SqlConnection Conn;
SqlDataAdapter myCmd;
DataSet ds;
string cmdSelect;

private void Page_Load(object sender, System.EventArgs e)
{
Conn=new SqlConnection(Application["ConnString"].ToString());
CreateDataSet();
InitTree(tvMenu.Nodes,"0");
}
//建立数据集
private DataSet CreateDataSet()
{
cmdSelect="select * from S_Menu";
myCmd=new SqlDataAdapter(cmdSelect,Conn);
ds=new DataSet();
myCmd.Fill(ds,"tree");
return ds;
}
//建树的基本思路是:从根节点开始递归调用显示子树
private void InitTree(TreeNodeCollection Nds,string parentId)
{
DataView dv=new DataView();
TreeNode tmpNd;
string intId;
dv.Table=ds.Tables["tree"];
dv.RowFilter="ParentId="" + parentId + """ ;
foreach(DataRowView drv in dv)
{
tmpNd=new TreeNode();
tmpNd.ID=drv["NodeId"].ToString();
tmpNd.Text=drv["NodeName"].ToString();
tmpNd.ImageUrl="../images/"+drv["Icon"].ToString();
tmpNd.NavigateUrl="../"+drv["Address"].ToString();
Nds.Add(tmpNd);
intId=drv["ParentId"].ToString();
InitTree(tmpNd.Nodes,tmpNd.ID);
}
}

#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion
}
}

分享到:
评论

相关推荐

    用TREEVIEW实现下拉菜单

    "用TREEVIEW实现下拉菜单" TREEVIEW控件是Windows Forms和ASP.NET中的一个常用控件,用于显示树形结构的数据。下面将详细讲解如何使用TREEVIEW控件实现下拉菜单。 一、数据库设计 在实现TREEVIEW控件之前,我们...

    VB TreeView树形菜单(自定义展开菜单).rar

    VB6.0 自定义TreeView树形菜单(展开菜单),类似于实现多级菜单、展开菜单的功能,当然也可当作Tree树控菜单来使用。最终的功能预览图请参见测试截图所示。  Set a = TreeView1.Nodes.Add(, etvwFirst, 1, "第一个...

    Unity TreeView树形菜单

    在Unity项目中,TreeView常用于创建可交互的树形菜单,用户可以通过展开和折叠节点来探索和操作数据。本教程将深入探讨Unity TreeView的实现、自定义和优化。 首先,我们要理解Unity TreeView的基本结构。一个...

    VB TreeView控件实现多级树状菜单.

    下面将详细介绍如何使用VB TreeView控件来实现多级树状菜单。 首先,我们要理解TreeView的基本结构。每个节点(TreeNode)代表菜单的一个项,可以有子节点,形成树状结构。节点可以通过`Add`方法添加到父节点下,...

    s2sh+freemarker+jquery+jquery-treeview 无限级树形菜单.rar

    本项目“s2sh+freemarker+jquery+jquery-treeview 无限级树形菜单”就是这样一个解决方案,它整合了多种技术来实现这一功能。 首先,我们来看“s2sh”。这是Struts2、Spring和Hibernate三者的简称,它们分别是MVC...

    数据库 + TreeView 实现二级菜单

    6. 渲染Treeview:完成数据加载后,TreeView控件会自动渲染出菜单的树形结构。 在实际开发中,可能还需要考虑以下几点: - 数据缓存:为了提高性能,可以考虑将查询结果缓存在内存中,避免频繁的数据库交互。 - ...

    VB中Treeview 树形菜单节点拖动、增加、删除实例

    在`TreeView`控件中,拖放操作可以通过响应`MouseDown`、`MouseMove`和`MouseUp`事件来实现。首先,你需要设置`AllowDragDrop`属性为`True`以启用拖放功能。然后,在`MouseDown`事件中记录鼠标按下时的节点,`...

    C#TreeView右键菜单操作在编辑树节点

    本篇文章将详细探讨如何实现C# `TreeView`控件的右键菜单功能,包括编辑树节点、增加新节点、删除节点以及复制和粘贴节点。 首先,让我们了解`TreeView`的基本操作。在C#中,`TreeView`控件可以通过`System.Windows...

    WPF MVVM模式下 TreeView 右键菜单

    在Windows Presentation Foundation (WPF) 中,MVVM(Model...总的来说,WPF中利用MVVM模式实现`TreeView`的右键菜单功能,涉及到事件处理、数据绑定、命令机制和UI与业务逻辑的解耦,这是一种高效且可维护的开发方式。

    Bootstrap treeview实现动态加载数据并添加快捷搜索功能

    在本文中,我们将使用 Bootstrap Treeview 实现动态加载数据,并添加快捷搜索功能,以实现快速查询省市区的区域名称信息。 数据表结构 数据源为省市区地域信息表,该表为自关联结构。本文将使用该表中的数据来动态...

    C#2008利用TreeView树控菜单浏览图像

    在“C#2008利用TreeView树控菜单浏览图像”示例中,你可能会看到如何将图像与节点关联。这可以通过设置`TreeNode`的`ImageIndex`和`SelectedImageIndex`属性实现。首先,你需要将图像加载到`TreeView`的`ImageList`...

    Unity UGUI自定义树形菜单(TreeView)GitHub配套.UnityPackage

    5.5.0版本Open_csdn文章名为_Unity UGUI自定义树形菜单(TreeView) 解决“当把所有的二级菜单折叠后,再展开,本来属于第一个二级菜单的三级菜单的内容就会显示全部显示在最后一个二级菜单的尾部。”

    VB 支持多行显示的Treeview树状菜单控件实例.rar

    一个实用的VB TreeView控件,可以支持多行内容的显示,并且可以展开折叠(收起)的树状菜单控件源码,可自定义颜色的Treeview菜单树,如测试图所示的效果,一共演示了三个使用此Treeview完成的效果,菜单树中的每一...

    VB实现Treeview树形菜单节点拖动、增加、删除实例源码

    本实例源码着重讲解如何利用VB来实现Treeview控件的节点拖动、增加与删除功能。下面将详细介绍这三个关键操作的具体实现。 一、Treeview节点拖动 拖动节点是提升用户交互体验的重要特性。在VB中,我们需要使用...

    实现右键菜单编辑功能treeview控件

    本篇将深入探讨如何在TreeView控件中添加右键菜单并实现节点的编辑功能。 首先,我们需要理解TreeView控件的基本操作。在ASP.NET中,TreeView控件可以通过编程或在设计视图中添加TreeNode来构建树形结构。每个...

    TreeView+XML实现的菜单

    以下是关于“TreeView+XML实现的菜单”的详细知识点: 1. **TreeView控件**: - `TreeView`是ASP.NET中的一种服务器控件,它提供了一种可视化展示层次数据的方式,通常用于创建多级菜单或导航结构。 - 它可以包含...

    树形展开的C#树形菜单控件(Treeview示例)

    在本案例中,我们将深入探讨如何在C#中使用`TreeView`来创建一个可展开的树形菜单。 首先,我们需要理解`TreeView`的基本结构。`TreeNode`是`TreeView`的基础元素,每个节点可以包含子节点,形成树状结构。我们可以...

    treeview树形菜单 组件

    - **客户端**:通过JavaScript实现树形菜单的动态展示,例如使用jQuery或者其他JavaScript库来控制节点的展开/折叠,以及响应用户的点击事件。 3. **TreeView组件的使用** - **安装**:如压缩包名称所示,`...

Global site tag (gtag.js) - Google Analytics