前台代码 (只需要有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. CentOS 7系统中的时间日期设置

    修改 CentOS 7系统中的时间日期设置 timedatectl set-ntp no timedatectl timedatectl set-time 2022-06-04 timedatectl ...

  2. 强哥JavaScript学习笔记

    js文件放header头最后,js代码放body体最后 js语言定位: js是基于对象的语言 php.java是面向对象的语言 定义变量: var str="hello world" ...

  3. 使用LUKS加密你的磁盘

    计算机数据的安全,保密性在现在的生活中显得越来越重要.随着数字化的时代的来临,越来越多的数据被数字化,特别是更多有关于我们隐私的数据在不断生成,甚至还有我们需要离线保存的密钥等.而且通常我们使用磁盘, ...

  4. S7 Linux用户管理及用户信息查询命令

    7.1 useradd:创建用户 7.2-5 usermod 7.6 passwd:修改用户密码 7.7-9 chage.chpasswd.su 7.10-11 visudo.sudo 7.12-7. ...

  5. xxl-job使用遇到的问题(二)

    xxl-job使用遇到的问题(二) 关联阅读 xxl-job使用遇到的问题(一) 1.问题现象 最近有个老定时任务迁移到xxl-job的时候,遇到一个小问题.虽然很快解决,但是还是有必要记录一下~ j ...

  6. Linux Docker 部署 ASP.NET Core应用

    一.系统环境 1.腾讯云轻量应用服务器CentOS7.6 二.操作流程及途中遇到的问题 1.SSH方式远程Linux ssh <username>@<IP address or do ...

  7. LATEX如何写多个条件推导式推出一个结论

    用markdown写推导式的时候,不太好写,故做个笔记记录一下,插入 公式块 : \left. \begin{aligned} \left. \begin{aligned} \text{这里可以写文字 ...

  8. 分层条件关系网络在视频问答VideoQA中的应用:CVPR2020论文解析

    分层条件关系网络在视频问答VideoQA中的应用:CVPR2020论文解析 Hierarchical Conditional Relation Networks for Video Question ...

  9. OpenCV读写视频文件解析

    OpenCV读写视频文件解析 一.视频读写类 视频处理的是运动图像,而不是静止图像.视频资源可以是一个专用摄像机.网络摄像头.视频文件或图像文件序列. 在 OpenCV 中,VideoCapture ...

  10. CUDA 11功能展示

    CUDA 11功能展示 CUDA 11 Features Revealed 新的NVIDIA A100 GPU基于NVIDIA安培GPU架构,实现了加速计算的最大一代飞跃.A100 GPU具有革命性的 ...