第54章、TreeView控件

 

【知识要点】
  (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”单击右键“在浏览器中查看”。

  

阅读更多
个人分类: ASP.NET
上一篇第53章、Web Service应用
下一篇第55章、验证码如何实现?
想对作者说点什么? 我来说一句

asp.net2.0系列教程第3章_第6节

2010年07月22日 9.14MB 下载

winform(c#) 自定义treeview控件

2009年09月17日 79KB 下载

没有更多推荐了,返回首页

关闭
关闭