第54章、TreeView控件

 

【知识要点】
　　（１）TreeView树形控件
　　（２）一级菜单
　　（３）二级菜单

【问题提出】
　　TreeView树形控件经常用到网站后台或者具有上下级关系的数据。

【在线指导】

　　TreeView树形控件在网站后台或者WEB项目中是应用最高的一个控件，我们一步一步来掌握它。 　　

一、TreeView之一级菜单

1、设计界面

　　（１）打开Hello项目，单击“启动页>最近使用的项目>Hello”。

　　（２）在“解决方案资源管理器”中添加“SqlTreeView.aspx”页面。

　　（３）从工具箱中拖1个TreeView到SqlTreeView.aspx页面。

　　　　　　　　　　　

　　树形控件的ID属性分别为：tvMenu。 　
　　　　　　　　

　　设置TreeView的“自动套用格式”为：XP资源管理器　

　　　　

　　设置TreeView的ShowLines属性为：True　

　　

２、添加代码

　　（１）双击页面上的“空白”部分。

　　我们在Page_Load()中间输入：

if (!IsPostBack)
{
InitTree_LevelOne(tvMenu.Nodes);
}

　　设置一级菜单函数InitTree_LevelOne（）

//树形第一级
public void InitTree_LevelOne(TreeNodeCollection Nodes)
{
//一级菜单存至DataTable
string MenuSql = "SELECT * FROM Menu WHERE Len(vMenuCode)=2 ORDER BY vMenuCode ASC";
DataTable DtMenu = DataAccess.GetDataTable(MenuSql);

//声明临时树结点
TreeNode TmpNode;
DataRow[] Rows = DtMenu.Select("");

//循环把一级菜单存放至结点集合Nodes
foreach (DataRow Row in Rows)
{
TmpNode = new TreeNode();
TmpNode.Value = Row["vMenuCode"].ToString().Trim();
TmpNode.Text = Row["vMenuName"].ToString().Trim();
TmpNode.NavigateUrl = Row["vPath"].ToString().Trim();
Nodes.Add(TmpNode);
}
}

　　讲解：

　　

　　（２）从“解决方案资源管理器”中，选择“SqlTreeview.aspx”单击右键“在浏览器中查看”。　　

 

二、TreeView之二级菜单

1、设计界面(同上)

　　（１）打开Hello项目，单击“启动页>最近使用的项目>Hello”。

　　（２）在“解决方案资源管理器”中添加“SqlTreeView.aspx”页面。

　　（３）从工具箱中拖1个TreeView到SqlTreeView.aspx页面。

　　　　　　　　　　　

　　树形控件的ID属性分别为：tvMenu。 　
　　　　　　

　　设置TreeView的“自动套用格式”为：XP资源管理器　

　　　　

　　设置TreeView的ShowLines属性为：True　

　　

　　　　　

２、添加代码

　　（１）双击页面上的“空白”部分。

　　我们在Page_Load()中间输入：

if (!IsPostBack)
{
InitTree_LevelOne(tvMenu.Nodes);
}

　　设置一级菜单函数InitTree_LevelOne（）和二级菜单函数InitTree_LevelTwo（）

//树形第一级
public void InitTree_LevelOne(TreeNodeCollection Nodes)
{
//一级菜单存至DataTable
string MenuSql = "SELECT * FROM Menu WHERE Len(vMenuCode)=2 ORDER BY vMenuCode ASC";
DataTable DtMenu = DataAccess.GetDataTable(MenuSql);

//声明临时树结点
TreeNode TmpNode;
DataRow[] Rows = DtMenu.Select("");

//循环把一级菜单存放至结点集合Nodes
foreach (DataRow Row in Rows)
{
　　TmpNode = new TreeNode();
　　TmpNode.Value = Row["vMenuCode"].ToString().Trim();
　　TmpNode.Text = Row["vMenuName"].ToString().Trim();
　　TmpNode.NavigateUrl = Row["vPath"].ToString().Trim();
　　Nodes.Add(TmpNode);

　　InitTree_LevelTwo(TmpNode.ChildNodes, TmpNode.Value);
}
}

//树形第二级
public void InitTree_LevelTwo(TreeNodeCollection Nodes, string cCode)
{
string MenuSql = "SELECT * FROM Menu WHERE LEN(vMenuCode)=4 AND LEFT(vMenuCode,2)='"+cCode+"' ORDER BY vMenuCode ASC";

DataTable DtMenu = DataAccess.GetDataTable(MenuSql);
TreeNode TmpNode;
DataRow[] Rows = DtMenu.Select("");
foreach (DataRow Row in Rows)
{
　　TmpNode = new TreeNode();
　　TmpNode.Value = Row["vMenuCode"].ToString().Trim();
　　TmpNode.Text = Row["vMenuName"].ToString().Trim();
　　TmpNode.NavigateUrl = Row["vPath"].ToString().Trim();
　　TmpNode.Target = "mainFrame";
　　Nodes.Add(TmpNode);
}
}

　

　讲解：

　　　（２）从“解决方案资源管理器”中，选择“SqlTreeView-2.aspx”单击右键“在浏览器中查看”。