前台代码 (只需要有TreeView控件, 添加ID,其他默认生成)

<form id="form1" runat="server">
<div>

<asp:treeview ID="tree1" ExpandDepth="0" runat="server" />
</div>
</form>

后台代码

Page_Load代码

1         private string myConn = ConfigurationManager.ConnectionStrings["connectionString0"].ConnectionString;
2 protected void Page_Load(object sender, EventArgs e)
3 {
4 if (!IsPostBack)
5 {
6 BindTree(tree1);
7 }
8 }

获取节点

        /// <summary>
/// 获得节点 1--当前元素的第几层 2--上级ID 3--更改的数据集
/// </summary>
/// <param name="upDegree">当前元素的第几层</param>
/// <param name="upID">上级ID</param>
/// <param name="ds">更改的数据集</param>
/// <returns>是否成功</returns>
private bool getNode(int upDegree, string upID, ref DataSet ds) {
string myQuery = " select model_ID, model_name, up_ID, degree from Model where degree='" + upDegree + "' and up_ID='" + upID + "';";
SqlConnection conn = new SqlConnection(myConn);
conn.Open();
SqlDataAdapter da = new SqlDataAdapter(myQuery, conn);
da.Fill(ds);
conn.Close();
if (ds.Tables[0].Rows.Count>0)
{
return true;
}
return false;
}

绑定子节点

 1         /// <summary>
2 /// 绑定子节点 1--父节点所处级别 2--父节点 return Bool是否有子节点
3 /// </summary>
4 /// <param name="upDegree">第几级</param>
5 /// <param name="tn">父节点</param>
6 /// <returns>是否有子节点</returns>
7 private bool BindChild(int Degree, TreeNode tn){
8 DataSet ds = new DataSet();
9 getNode(Degree+1, tn.Value, ref ds); // 获取节点列表 比当前节点更多
10 DataTable dt = ds.Tables[0]; // 加快ds的读取速度
11 TreeNode tn2 = new TreeNode(); // 新增子节点
12
13 int len = dt.Rows.Count; // 子节点数量
14 bool flag = false; // 是否有子节点 false--无子节点 true--有子节点
15 for (int i = 0; i < len; i++)
16 {
17 tn2 = new TreeNode(dt.Rows[i][1].ToString(), dt.Rows[i][0].ToString()); // 生成需要绑定的节点
18 tn.ChildNodes.Add(tn2); // 增加子节点
19 BindChild(Degree + 1, tn2); // 循环绑定子节点
20 flag = true; // 有子节点
21 }
22 if (!flag) // 当没有叶子节点(最底层的节点)时, 则添加超级链接
23 {
24 tn.NavigateUrl = "http://www.baidu.com";
25 tn.Target = "_blank";
26 }
27 // 销毁占用内存的空间
28 dt.Dispose();
29 ds.Dispose();
30 return flag;
31 }

绑定TreeView树

 1         /// <summary>
2 /// 绑定TreeView树 1--treeview的节点ID
3 /// </summary>
4 /// <param name="tv"></param>
5 private void BindTree(TreeView tv)
6 {
7 tv.Nodes.Clear(); // 初始化TreeView
8
9 TreeNode tn = new TreeNode();
10 DataSet ds = new DataSet(); // 获取子节点
11 getNode(1, "00", ref ds); // 获取一级节点
12 DataTable dt = ds.Tables[0]; // DataTable的读取速度快与DataSet;
13
14 int len = dt.Rows.Count;
15 for (int i = 0; i < len; i++) // 绑定节点TreeNode
16 {
17 tn = new TreeNode(dt.Rows[i][1].ToString(), dt.Rows[i][0].ToString()); //
18 if (!BindChild(1, tn)) // 当无子节点的时候,链接百度,也可以设置ViewState的值
19 {
20 tn.NavigateUrl = "http://www.baidu.com";
21 tn.Target = "_blank";
22 }
23 tv.Nodes.Add(tn); // 将节点添加到原来的TreeView中
24 }
25 // 销毁占用内存的空间
26 dt.Dispose();
27 ds.Dispose();
28 }

心得体会 :  也许这个效率很低,不过这个也是我自己写的简单的一部分。整个过程跟DropDownList很像,可以参照添加DropDownList的方法添加;

设计思路 :

首先,先写出关于获取节点的方法, 里面有只需要三个值 当前的模块等级, 模块ID, 模块名字

第二,绑定一级栏目(一级栏目的绑定相对于子节点较为特殊),所以单独写一个方法,当然写成一个方法也是可以。边绑定要判断是否有子节点,如果无子节点则绑定超级链接。

第三,绑定二级栏目、跟一级栏目的获取差不多,

第四, 第一次显示时,模块只需要显示一级模块 即(tree1.ExpandDepth=0)。其他模块默认隐藏

替换方法 : 如果第一次读取数据库时生成XML文件,这样是否可以加快速度,可以减缓对数据库的读取速度。使用XML的方法生成树图,以后再学习.Ending.

关于TreeView的实例的更多相关文章

  1. 完整的treeview菜单实例

    以下是我用treeview控件按部门和员工显示设备领用情况代码. Option Compare Database    Dim rec As New ADODB.Recordset    Dim re ...

  2. 基于bootstrap的jQuery多级列表树插件 treeview

    http://www.cnblogs.com/mfc-itblog/p/5233453.html http://www.htmleaf.com/jQuery/Menu-Navigation/20150 ...

  3. bootstrap-treeview

    简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一 ...

  4. 前端动态菜单-bootstrap-treeview

    一.bootstrap-treeview 官网 Demo bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter ...

  5. 基于bootstrap的jQuery多级列表树插件

    简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一 ...

  6. PythonQt进阶

    本文介绍PythonQt和qt之间是如何进行交互操作的 例子是以Qt的TreeView为实例进行介绍 在该例子中,TreeItem不是从Qt中进行的继承,这样的类如果要和Python进行交互,首先需要 ...

  7. bootstrap-treeview中文API 以及后台JSON数据处理

    bootstrap-treeview   简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bo ...

  8. BootStrap-treeview 参考

    简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一 ...

  9. bootStrap-treeview插件

    简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一 ...

随机推荐

  1. Debian 9.4 多网卡链路聚合bond配置

    Debian 9.4 多网卡链路聚合bond配置 安装ifenslave ifenslave 的作用是网卡的负载均衡 root@debian:~# apt-get install ifenslave ...

  2. Linux 部署 iSCSI 服务端

    Linux 部署 iSCSI 服务端 服务端实验环境 iSCSI-server :RHEL8 IP:192.168.121.10 一.服务端安装 target 服务和 targetcli 命令行工具 ...

  3. 014.Ansible Playbook Role 及调试

    一 role 简介 在ansible中,role是将playbook分割为多个文件的主要机制,大大简化了复杂的playbook的编写,同时已与复用 role各个目录的作用及可用文件 files:存放由 ...

  4. Linux服务之Apache服务篇

    apache httpd:提供http服务 http超文本协议 HTML超文本标记语言 URL(Uniform Resource Locator)统一资源定位符 http://www.sina.com ...

  5. 完全理解Python 迭代对象、迭代器、生成器

    在了解Python的数据结构时,容器(container).可迭代对象(iterable).迭代器(iterator).生成器(generator).列表/集合/字典推导式(list,set,dict ...

  6. Java求余%引发的一连串故事

    C1 RCE对%的处理 HotSpot VM的C1有个RCE(Range Check Elimination,范围检查消除)优化,所谓范围检查消除,就是为了正确的抛出数组越界异常,虚拟机需要在数组访问 ...

  7. 『动善时』JMeter基础 — 27、通过JMeter函数助手实现参数化

    目录 1.测试计划中的元件 2.数据文件内容 3.函数助手配置 (1)函数助手的打开方式 (2)函数助手界面介绍 (3)编辑后的函数助手界面 4.HTTP请求组件内容 5.线程组元件内容 6.脚本运行 ...

  8. 阿里云AIoT云端一体:迎接云原生+低代码时代的到来

    距上次2019年参加上海阿里云开发者大会已经近2年的时间了,也许因为疫情的原因,这一两年线下大型活动基本很少了,这次在北京国家会议中心举办的阿里云开发者大会,无论是参会人员的规模,还有演讲嘉宾的级别和 ...

  9. 查询rman备份信息常用指令

      查询rman备份信息常用指令 ----登陆到rman $rman target / ----以精简的格式查看备份信息 RMAN> list backup of database summar ...

  10. 201871030138-杨蕊媛 实验二 个人项目—《D{0-1}背包问题》项目报告

    项目 内容 课程班级博客链接 https://edu.cnblogs.com/campus/xbsf/2018CST 这个作业要求链接 https://www.cnblogs.com/nwnu-dai ...