【知识要点】
(1)TreeView树形控件
(2)一级菜单
(3)二级菜单
【问题提出】
TreeView树形控件经常用到网站后台或者具有上下级关系的数据。
【在线指导】
TreeView树形控件在网站后台或者WEB项目中是应用最高的一个控件,我们一步一步来掌握它。
一、TreeView之一级菜单
1、设计界面
(1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。
(2)在“解决方案资源管理器”中添加“SqlTreeView.aspx”页面。
(3)从工具箱中拖1个TreeView到SqlTreeView.aspx页面。
树形控件的ID属性分别为:tvMenu。
设置TreeView的“自动套用格式”为:XP资源管理器
设置TreeView的ShowLines属性为:True
2、添加代码
(1)双击页面上的“空白”部分。
我们在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);
}
}
讲解:
(2)从“解决方案资源管理器”中,选择“SqlTreeview.aspx”单击右键“在浏览器中查看”。
二、TreeView之二级菜单
1、设计界面(同上)
(1)打开Hello项目,单击“启动页>最近使用的项目>Hello”。
(2)在“解决方案资源管理器”中添加“SqlTreeView.aspx”页面。
(3)从工具箱中拖1个TreeView到SqlTreeView.aspx页面。
树形控件的ID属性分别为:tvMenu。
设置TreeView的“自动套用格式”为:XP资源管理器
设置TreeView的ShowLines属性为:True
2、添加代码
(1)双击页面上的“空白”部分。
我们在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);
}
}
讲解:
(2)从“解决方案资源管理器”中,选择“SqlTreeView-2.aspx”单击右键“在浏览器中查看”。