TreeView用于实现树型菜单

转载 2006年06月06日 13:02:00

 

TreeView使用心得(一)
日期:2004年6月9日 星期三  位置:办公室  天气:晴朗  作者:china
在Asp.Net中,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"].To

TreeView使用心得(二)
日期:2004年6月9日 星期三  位置:办公室  天气:晴朗  作者:china

很多时候,我们需要实现在客户端显示和更新TreeView中的信息,通过Javascript控制是有效的手段之一,这时我们需要将TreeView放入FrameSet的中,如下:
<frameset cols="24%,76%">
  <FRAMESET rows="58%,42%">
   <frame name="left" src="treecview.aspx">
   <FRAME name="down" src="Summary.aspx">
  </FRAMESET>
  <FRAMESET rows="79%,21%" id="rightform">
   <frame name="right" src="Control.aspx">
   <FRAME name="rightdown">
  </FRAMESET>

然后,通过javascript:
parent.frames["right"].location.href="Control.aspx?id="+ xxx;
控制frameset中right内容的显示。

如果需要通过right刷新TreeView,则可以使用
parent.frames["left"].location.href="treecview.aspx"

TreeView使用心得(三)
日期:2004年6月9日 星期三  位置:办公室  天气:晴朗  作者:china

在Treeview中实现"全部展开"和"全部折叠"的功能,Expandnodes(Me.TreeView1, true)展开全部节点,Expandnodes(Me.TreeView1, false)折叠全部节点,如下:

public void Expandnodes(Microsoft.Web.UI.WebControls.TreeNode node,bool Expand)
{
    foreach(Microsoft.Web.UI.WebControls.TreeNode n in node.Nodes)
    {
 if(n.Nodes.Count>0)
 {
     n.Expanded = Expand;
     Expandnodes(n, Expand);
 }
     }
}
public void Expandnodes(Microsoft.Web.UI.WebControls.TreeView treeview, bool Expand)
{
 foreach(Microsoft.Web.UI.WebControls.TreeNode n in treeview.Nodes)
 {
                if(n.Nodes.Count>0)
        {
  n.Expanded = Expand;
  Expandnodes(n, Expand);
        }
 }
}

C# 递归显示 TreeView 树状菜单树!

///         /// 初始化显示树型菜单         ///         private void showTreeviewMenu()         {           ...
  • ufocode
  • ufocode
  • 2015年01月20日 12:05
  • 1366

jQuery 树型菜单插件(Treeview)

jQuery 树型菜单插件(Treeview) jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。试用于一些菜单的导航,支持基于 cookie 的持久性菜单。 i...
  • yang5726685
  • yang5726685
  • 2016年12月30日 01:41
  • 396

动态创建TreeView树型菜单

父节点数据集DataTable1    子节点数据集DataTable2 for(int i = 0;i {     TreeNode Tree1 = new TreeNode(DataT...
  • ptyzhu
  • ptyzhu
  • 2012年08月22日 00:11
  • 354

TreeView实现主菜单功能

TreeView实现主菜单功能     软件在菜单MenuItem中,设置了软件的各项功能,以及启动相应模块。为了加大软件的灵活性,我们还可以将主菜单的项目,转变为TreeView,通过点击Tre...
  • lyhoo163
  • lyhoo163
  • 2015年01月03日 14:25
  • 2828

asp.net 树TreeView 默认展开二级菜单

在数据绑定之后进行 foreach (TreeNode item in TreeViewTest.Nodes) { item.Expanded = true; }
  • TianGaojie123abc
  • TianGaojie123abc
  • 2016年04月12日 13:23
  • 972

.net 中的树控件 treeview

TreeView 类型公开以下成员。 构造函数   名称说明 TreeView 初始化 TreeView 类的新实例。页首  方法   名称说明 AccessibilityNotifyClients...
  • fly_to_the_winds
  • fly_to_the_winds
  • 2008年07月25日 15:53
  • 1959

在Unity中实现TreeView

在Unity中要实现如下的树形状结构显示,是比较复杂的,相比于专门做二维的软件,效果也不咋样;但想想毕竟Unity主要是开发三维场景的工具,用来做二维界面确实有点可笑,但是也不是说不能实现,只要Uni...
  • tankerhunter
  • tankerhunter
  • 2016年05月04日 17:27
  • 2603

Android中的列表树形展示,AndroidTreeView的使用动态设置树形结构

AndroidTreeView,动态加载树形结构详解
  • yingtian648
  • yingtian648
  • 2017年02月22日 23:30
  • 1429

20行代码打造MSDN无限及树形菜单(treeview)[原创]!

希望这篇文章能对大家有所帮助!http://blog.csdn.net/zlp8383178/树形菜单一直是网页中比较常见的列表表现形式,大家也一定有很多这方面的经验和教训,在此,我还是多罗嗦一句:)...
  • zlp8383178
  • zlp8383178
  • 2005年12月04日 18:02
  • 2338

C# 左边树形菜单右边Form展示区的类MDI实现

Normal 0 7.8 磅 0 2 false false false Microsof...
  • chuangxin
  • chuangxin
  • 2010年03月27日 13:07
  • 11167
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:TreeView用于实现树型菜单
举报原因:
原因补充:

(最多只允许输入30个字)