树形菜单的绑定以及链接

最新推荐文章于 2022-03-17 09:20:33 发布
最新推荐文章于 2022-03-17 09:20:33 发布
阅读量130 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/yisheng/archive/2012/12/11/2813813.html
版权

前台代码


<body style="background-color: #B1E7FF;">
    <form id="form1" runat="server">
    <div style="width: 180px; height: 100%">
        <asp:TreeView ID="TV_FuncList" runat="server" Width="186px" ShowLines="True">
            <HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
            <Nodes>
            </Nodes>
            <NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="0px"
                NodeSpacing="0px" VerticalPadding="0px" />
            <ParentNodeStyle Font-Bold="False" />
            <SelectedNodeStyle Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px"
                VerticalPadding="0px" />
        </asp:TreeView>
    </div>
    </form>
</body>
<script type="text/javascript">
    function oclick(obj) {
        if (document.getElementById("hover") != null) document.getElementById("hover").removeAttribute("id");
        obj.setAttribute("id", "hover");
    }
</script>
</html>

后台代码：

  protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                string filePath = AppDomain.CurrentDomain.BaseDirectory + "MenuTree/MenuTree01.xml";
                if (!string.IsNullOrEmpty(Request.QueryString["id"]))
                {
                    if (Request.QueryString["id"].ToString() == "2")
                    {
                        filePath = AppDomain.CurrentDomain.BaseDirectory + "MenuTree/MenuTree02.xml";
                    }
                }
                BindTreeView(TV_FuncList, filePath);
            }
        }

 

   /// <summary>
        /// 绑定数据到树型控件上
        /// </summary>
        /// <param name="tv">树型控件对象</param>
        /// <param name="filePath">xml文件的路径</param>
        private void BindTreeView(TreeView tv, string filePath)
        {
            tv.Nodes.Clear();
            if (string.IsNullOrEmpty(filePath) || !File.Exists(filePath))
            {
                return;
            }
            XElement rootNode = XElement.Load(filePath);
            if (rootNode.Attribute("level") != null && rootNode.Attribute("level").Value != "-1")
            {
                tv.ExpandDepth = int.Parse(rootNode.Attribute("level").Value.Trim());
            }
            IEnumerable<XElement> nodeList = rootNode.Elements();
            foreach (XElement node in nodeList)
            {

　　　　　　TreeNode treeNode = new TreeNode();
                treeNode.Text = node.Attribute("name").Value.Trim();
                treeNode.Value = node.Attribute("guid").Value.Trim();
                treeNode.ToolTip = node.Attribute("name").Value.Trim();
                if ((node.Attribute("icon") != null) && (node.Attribute("icon").Value.Trim() != ""))
                    treeNode.ImageUrl = node.Attribute("icon").Value.ToString();
                //if (node.HasElements)
                //{
                treeNode.SelectAction = TreeNodeSelectAction.Expand;
                //处理子节点
                AddChildTreeNode(ref treeNode, node, node.Attribute("name").Value.Trim());
                //}
                //else
                //{
                if (node.Attribute("code") != null)
                {

 treeNode.NavigateUrl = string.Format("javascript:parent.goToUrl('{0}','{1}');", node.Attribute("code").Value.Trim(), node.Attribute("name").Value.Trim());

  }
                //}
                tv.Nodes.Add(treeNode);
            }
        }

 

 

    /// <summary>
        /// 给树型控件的根节点添加子节点
        /// </summary>
        /// <param name="treeNode">树型节点</param>
        /// <param name="xmlNode">Xml元素节点</param>
        /// <param name="parentNodeName">上一节点的名称</param>
        private void AddChildTreeNode(ref TreeNode treeNode, XElement xmlNode, string parentNodeName)
        {
            IEnumerable<XElement> nodeList = xmlNode.Elements();
            if (nodeList != null)
            {
             foreach (XElement node in nodeList)
                {
                    TreeNode childTreeNode = new TreeNode();
                    childTreeNode.Text = node.Attribute("name").Value.Trim();
                    childTreeNode.Value = node.Attribute("guid").Value.Trim();
                    childTreeNode.ToolTip = node.Attribute("name").Value.Trim();
                    if ((node.Attribute("icon") != null) && (node.Attribute("icon").Value.Trim() != ""))
                        childTreeNode.ImageUrl = node.Attribute("icon").Value.ToString();
                    //if (node.HasElements)
                    //{
                    childTreeNode.SelectAction = TreeNodeSelectAction.Expand;
                    AddChildTreeNode(ref childTreeNode, node, node.Attribute("name").Value.Trim());
                    //}
                    //else
                    //{
                    if (node.Attribute("code") != null)
                    {

　　　　　　　　　　　　 childTreeNode.NavigateUrl = string.Format("javascript:parent.goToUrl('{0}','{1}');", node.Attribute("code").Value.Trim(), node.Attribute　　　　　　　　                                    ("name").Value.Trim());

                    }                     //}                     treeNode.ChildNodes.Add(childTreeNode);                 }             }         }

    } }

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/yisheng/archive/2012/12/11/2813813.html

weixin_30751947
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS Tree树形菜单 带节点连接线.rar
07-10
JS Tree树形菜单，确实是够经典的WEB版树形菜单特效，带有节点连接线的树状折叠菜单，点击的时候会展开子菜单，适合用于WEB版的信息管理系统、CMS后台系统中，你喜欢的话，你可以用在任意你想要的地方。
html树形菜单_树形菜单（带连接线）
weixin_39906245的博客
12-01 956
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>树形菜单（带连接线）</title> <style> ul.domtree, ul.domtree ul { margin: 0; ...
树形菜单（数据库）
11-05
使用Jquery技术，从数据库中读取数据，显示在页面吗，程树形结构
树形遍历文件夹
weixin_30451709的博客
07-20 115
package test; import java.io.File; public class ShowDirectoryAndFiles { private int fileLevel;//文件所在的层数 public String createPrintStr(String name,int level) { String printStr = ""...
链接树
02-20
链接树
asp.net 无限递归树型菜单... 采用dTree封装的自定义控件
10-22
this.RecursiveTree1.DataTextField("菜单配置","Menu_ID", "Menu_ParentID", "Menu_Name", "Menu_Url", "Menu_Name","",""); 具体重载方法 说明 添加引用后,控件名.点 自行查看... //这里改写成你的数据库链接.. ...
JAVA上百实例源码以及开源项目
01-03
1个目标文件，JNDI的使用例子，有源代码，可以下载参考，JNDI的使用，初始化Context,它是连接JNDI树的起始点，查找你要的对象，打印找到的对象，关闭Context…… ftp文件传输 2个目标文件，FTP的目标是：（1）提高...
JAVA上百实例源码以及开源项目源代码
12-11
EJB中JNDI的使用源码例子 1个目标文件，JNDI的使用例子，有源代码，可以下载参考，JNDI的使用，初始化Context,它是连接JNDI树的起始点，查找你要的对象，打印找到的对象，关闭Context…… ftp文件传输 2个目标文件...
PropertyTools:WPF的自定义控件
05-02
树形列表框 看起来和感觉都像TreeView ListBox （支持多选和拖放） 稳定的 颜色选择器 拾色器 稳定的 单选按钮列表 绑定到枚举的单选按钮的集合 稳定的 枚举菜单项 绑定到枚举的可检查菜单项的集合 稳定的 ...
elementUI树形组件添加连接线（附效果图）
会点php的前端小渣渣
03-17 5844
<div class="tree-container"> <el-tree :data="treeData2" :highlight-current="true" node-key="lc_id" default-expand-all draggable :allow-drop="allowDrop" @node-drag-end="handleDragEnd" .
父母结点数组表示的树的高度
林贻民的博客
06-29 2425
父母结点表示树数组索引号对应的值是该索引号的父母结点 例如：parent = [-1 0 0 0 1 1 3 3 2]数组表示的树为：两种方法求该树的高度方法一此方法为简单方法，时间复杂度为:O(n^2),主要思路为：从索引号0开始，求对应索引号在树中的高度，取较大值，然后求索引号1的高度，取较大值，依次循环遍历所有的结点，即可得到树的高度。python实现# n为树的结点总数 def tree_
前端框架 （一）zTree 从数据库中动态加载树形菜单
weixin_34252686的博客
05-13 917
这几天做动态菜单用到了这个插件，目前用的很广泛的一个开源框架，最新发布的QUI框架就是用这个插件开发的菜单部分，因此还是很值得深入研究和学习，通过使用感觉功能很丰富，好多函数不用自己开发和编写，官网上有很详尽的API可以参考，用着算顺手但学习使用的过程中也遇到了一些困难，听过反复测试和查资料都理解了，但也在思考一个问题，怎么样才能使得最快的时间从接触一个新东西到灵活掌握的程...
自定义布局之树形布局（五）：绘制结点连接线
PYJTLK的博客
06-30 836
上一篇以从左到右方向为例讲解了树形布局中子控件的摆放，本篇讲解结点间连接线的绘制。 前期准备 一般情况下布局类控件其实更关注于子控件的测量和摆放（例如LinearLayout和RelativeLayout），而在绘制上做相对较少的事情，因为它们本身其实没有太多需要花的东西，这里不妨深入ViewGroup的draw方法看看它到底绘制了什么。 其实ViewGroup并没有重写draw方法，而是直接沿用View的draw方法。 public void draw(Canvas canvas) { .
使用ztree异步加载数据库数据形成树形菜单
56图88博客
04-08 4519
—搞了好久好久，在此记录一下这个这个胜利的时刻！！！！作为一个合格的程序员，任重而道远啊— 项目环境：thinkphp5+mysql+ztree 项目目标：从MySQL数据库获取小区用户位置信息、用户信息利用ztree动态生成树形菜单 mysql数据库表设计 小区地点表 小区用户表 控制器代码 /** * 获取小区用户位置信息\用户信息，并转换为json格式...
超全的JS树形菜单源代码共享（有实例图）
weixin_30781775的博客
09-22 504
树形菜单是很常用的效果，常用在管理软件当中，但是一套树形菜单已经不能满足需求，所以如果能有一套比较全面的树形菜单JS特效代码，将会非常方便，下面懒人萱将超全的JS树形菜单共享出来，相信你一定用得上。一共包括八种，下面就一一介绍： 1、不同表现方式的JS树形菜单（如图所示） 2、复选框式的JS树形菜单（如图所示）左图为只可以选择单节点，右图为在选择子节点的同时选择父节点 3、可以重...
unity 树形菜单
最新发布
09-05
在Unity中，你可以使用TreeView控件来实现树形菜单。TreeView是Unity提供的一种可自定义的GUI控件，用于显示树形结构的数据。 要创建一个树形菜单，你可以按照以下步骤进行操作： 1. 创建TreeView控件：在Unity...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值