C# SqlServer+treeview实现动态树形菜单

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class TreeView : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnTV_Click(object sender, EventArgs e)
{
CreateTreeView(TreeView1.Nodes, “0”);
}
/**/
///
/// 根据递归查询结果动态生成TreeView
///
private DataSet CreateDataSet()
{
string connetion = “database=test;server=.;uid=sa;pwd=sa123456;”;
using (SqlConnection con = new SqlConnection(connetion))
{
SqlCommand com = new SqlCommand(“select * from QuHua”, con);
SqlDataAdapter da = new SqlDataAdapter(com);
DataSet ds = new DataSet();
da.Fill(ds,“tree”);
return ds;
}
}
///
/// 递归查询
///
/// TreeView的节点集合
/// 所属父级的ID
private void CreateTreeView(TreeNodeCollection nodes, string parentid)
{
DataView TempDV = new DataView();
TreeNode TempNode;
//string intId;
TempDV.Table = CreateDataSet().Tables[“tree”];
TempDV.RowFilter = “ParentID=” + parentid + “”;
foreach (DataRowView drv in TempDV)
{
TempNode = new TreeNode();
TempNode.Value = drv[“TreeID”].ToString();
TempNode.Text = drv[“TreeName”].ToString();
TempNode.NavigateUrl = drv[“NodeUrl”].ToString();
nodes.Add(TempNode);
//intId = drv[“ParentID”].ToString();
CreateTreeView(TempNode.ChildNodes, TempNode.Value);
}
}
}

#region 绑定TreeView
        /// <summary>
        /// 绑定TreeView(利用TreeNode)
        /// </summary>
        /// <param name="p_Node">TreeNode(TreeView的一个节点)</param>
        /// <param name="pid_val">父id的值</param>
        /// <param name="id">数据库 id 字段名</param>
        /// <param name="pid">数据库 父id 字段名</param>
        /// <param name="text">数据库 文本 字段值</param>
        protected void Bind_Tv(DataTable dt, TreeNode p_Node, string pid_val, string id, string pid, string text)
        {
            DataView dv = new DataView(dt);//将DataTable存到DataView中,以便于筛选数据
            TreeNode tn;//建立TreeView的节点(TreeNode),以便将取出的数据添加到节点中
            //以下为三元运算符,如果父id为空,则为构建“父id字段 is null”的查询条件,否则构建“父id字段=父id字段值”的查询条件
            string filter = string.IsNullOrEmpty(pid_val) ? pid + " is null" : string.Format(pid + "='{0}'", pid_val);
            dv.RowFilter = filter;//利用DataView将数据进行筛选,选出相同 父id值 的数据
            foreach (DataRowView row in dv)
            {
                tn = new TreeNode();//建立一个新节点(学名叫:一个实例)
                if (p_Node == null)//如果为根节点
                {
                    tn.Name = row[id].ToString();//节点的Value值,一般为数据库的id值
                    tn.Text = row[text].ToString();//节点的Text,节点的文本显示
                    TreeView1.Nodes.Add(tn);//将该节点加入到TreeView中
                    Bind_Tv(dt, tn, tn.Name, id, pid, text);//递归(反复调用这个方法,直到把数据取完为止)
                }
                else//如果不是根节点
                {
                    tn.Name = row[id].ToString();//节点Value值
                    tn.Text = row[text].ToString();//节点Text值
                    p_Node.Nodes.Add(tn);//该节点加入到上级节点中
                    Bind_Tv(dt, tn, tn.Name, id, pid, text);//递归
                }
            }
        }

        /// <summary>
        /// 绑定TreeView(利用TreeNodeCollection)
        /// </summary>
        /// <param name="tnc">TreeNodeCollection(TreeView的节点集合)</param>
        /// <param name="pid_val">父id的值</param>
        /// <param name="id">数据库 id 字段名</param>
        /// <param name="pid">数据库 父id 字段名</param>
        /// <param name="text">数据库 文本 字段值</param>
        private void Bind_Tv(DataTable dt, TreeNodeCollection tnc, string pid_val, string id, string pid, string text)
        {
            DataView dv = new DataView(dt);//将DataTable存到DataView中,以便于筛选数据
            TreeNode tn;//建立TreeView的节点(TreeNode),以便将取出的数据添加到节点中
            //以下为三元运算符,如果父id为空,则为构建“父id字段 is null”的查询条件,否则构建“父id字段=父id字段值”的查询条件
            string filter = string.IsNullOrEmpty(pid_val) ? pid + " is null" : string.Format(pid + "='{0}'", pid_val);
            dv.RowFilter = filter;//利用DataView将数据进行筛选,选出相同 父id值 的数据
            foreach (DataRowView drv in dv)
            {
                tn = new TreeNode();//建立一个新节点(学名叫:一个实例)
                tn.Name = drv[id].ToString();//节点的Value值,一般为数据库的id值
                tn.Text = drv[text].ToString();//节点的Text,节点的文本显示
                tnc.Add(tn);//将该节点加入到TreeNodeCollection(节点集合)中
                Bind_Tv(dt, tn.Nodes, tn.Name, id, pid, text);//递归(反复调用这个方法,直到把数据取完为止)
            }
        }
        #endregion
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在Bootstrap中实现树形菜单实现联动数据,可以使用Bootstrap Treeview插件。以下是实现步骤: 1.在页面中引入jQuery和Bootstrap Treeview插件的CSS和JS文件。 ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.css" /> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script> ``` 2.在页面中添加两个用于显示树形结构的容器元素。 ```html <div id="treeview1"></div> <div id="treeview2"></div> ``` 3.使用jQuery将数据渲染到树形结构中,并实现联动数据。 ```javascript $(function() { var data1 = [ { text: "节点1", value: "1", nodes: [ { text: "子节点1", value: "11" }, { text: "子节点2", value: "12" } ] }, { text: "节点2", value: "2", nodes: [ { text: "子节点3", value: "21" }, { text: "子节点4", value: "22" } ] } ]; var data2 = [ { text: "请选择", value: "" } ]; $('#treeview1').treeview({ data: data1, onNodeSelected: function(event, node) { var selectedValue = node.value; data2 = [ { text: "请选择", value: "" } ]; if(selectedValue == "1") { data2.push({ text: "子节点1", value: "11" }); data2.push({ text: "子节点2", value: "12" }); } else if(selectedValue == "2") { data2.push({ text: "子节点3", value: "21" }); data2.push({ text: "子节点4", value: "22" }); } $('#treeview2').treeview({ data: data2 }); } }); $('#treeview2').treeview({ data: data2 }); }); ``` 以上代码将生成两个树形结构,第一个结构为根节点为"节点1"和"节点2"的树形菜单,第二个结构为初始只有一个"请选择"节点的树形菜单。当在第一个结构中选择一个节点时,第二个结构会根据所选节点的值动态生成子节点。可以根据实际需要修改数据和样式。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值