点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值

转载 2007年09月24日 09:52:00
 点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值  最近两天,我做的项目中用到TreeView,以前没有接触到,所以边学边做,遇到了一些问题,解决了,学到了一些经验,如果有人遇到了同样的问题能够有所帮助。
       问题:我想点击TreeView的定制图像不执行任何事件,同时想要在js中找到TreeView节点的value值。但是在js中找不到TreeView节点的value值,由于js中可以找到NavigateUrl的值( 既href),如果将想要保存的数据放在NavigateUrl中,点击节点的定制图像又要蹦错。所以要解决两者的冲突,既要“点击TreeView的定制图像不执行任何事件”,又要“在js中找到TreeView节点的value值”。想方设法终于解决了!
      思路:将id的值放在Node.NavigateUrl中,但是要经过处理,我用"javascript:void('" + dr["id"].ToString() + "')",此时点击节点的定制图像走这条路径,就不会执行任何事件。
      方法:
1、首先对TreeView绑定结点,前台绑定:
pNode[i].Text = dr["name"].ToString();
pNode[i].NavigateUrl = "javascript:void('" + dr["id"].ToString() + "')";
在Page_Load中对TreeView加载前台事件:TreeView1.Attributes.Add("onclick", "return TreeClick();");
2、 前台编写点击TreeView事件的脚本
function TreeClick()
    {
     var innerText = event.srcElement.innerText;
     if(innerText!="")
     {
        value = event.srcElement.href;
        if(value!="")
        {
            TreeNode=event.srcElement;
            var ptn = "javascript:void//('(//d+)'//)"
            var regx = new RegExp(ptn); 
            mt = regx.exec(TreeNode.href); // 匹配实际节点值
            if(mt)
            {
              //mt[1]就是需要保存的id值。
            }
            return false;
        }
     }
    }
      上面就是解决办法,这样就OK了!很简单,点击节点的定制图像,执行javascript:void(id),不会走任何事件;点击节点的字执行TreeClick()事件,从Node.NavigateUrl中取出id的值。
但是如果节点有CheckBox,怎样得到选中节点的NavigateUrl中保存的值呢,方法是引自Jinglecat(晓风残月)的,如下:function GetCheckedValue()
    {
        var ptn = "javascript:void//('(//d+)'//)"
        var regx = new RegExp(ptn);
        // 寻找选中节点
        var tree = document.getElementById("TreeV");
        // 获取指定TreeView 内的 checkbox
        var checkbox = tree.getElementsByTagName("input");
       
        var cb1, Node;
        var NodeId;
        var HousingIDs = "";
        var NodeValue;
        // 遍历
        for(var i = 0; i < checkbox.length; i ++)
        {
            cb1 = checkbox[i];       
            if(cb1.type == "checkbox" && cb1.checked)
            {
                NodeId = "tvHousingEstatet" + cb1.id.match(/tvHousingEstaten(/d+)CheckBox/i)[1];
                Node = document.getElementById(NodeId);           
                if(Node)
                {               
                    NodeValue = regx.exec(Node.href); // 匹配实际节点值
                    if(NodeValue)
                       HousingIDs += NodeValue[1] + "#";
                }
            }
        }
        if(HousingIDs=="")
        {
           alert("请选择节点");
           return false;
        }
        else
        {
          //想要的操作,字符串HousingIDs就是选择的CheckBox的节点信息串
         }
    }

在此要感谢Jinglecat(晓风残月)。

 

点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值

点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值  最近两天,我做的项目中用到TreeView,以前没有接触到,所以边学边做,遇到了一些问题,解决了,学到...
  • yuanwei90315
  • yuanwei90315
  • 2013年01月24日 16:10
  • 308

TreeView的一些操作(选中子节点和父节点)

最近在asp.net中总是用到TreeView,有一些基本的操作,比如选中所有子节点,选中父节点之类的,每次用的时候都得找以前的代码段拷贝,挺烦的,现在就把这些放在这里,方便以后使用 ^_^ 1...
  • xwnxwn
  • xwnxwn
  • 2015年04月13日 11:33
  • 2161

C#-树视图的实现以及TreeView属性---ShinePans

树视图TreeView 属性及方法 属性 说明 Nodes 获取分配给树视图控件的树节点集合 PathSeparator 获取或设置树节...
  • panshang1994
  • panshang1994
  • 2014年05月04日 21:51
  • 2657

bootstrap treeview 增删改的正确姿势

我的engineercms中大量使用bootstrap treeview,如果不能实现增删改那只能换成ztree了。不过还是找到了解决方法。 网上的方法都是基于https://github.com/...
  • hotqin888
  • hotqin888
  • 2017年01月31日 08:55
  • 15571

PB TreeView 属性,事件详解(转)

PB TreeView 属性,事件详解(转)   本文转自:http://chbin95233.blog.163.com/blog/static/3207511120101057344...
  • tlammon
  • tlammon
  • 2016年02月25日 10:09
  • 686

bootstrap的treeview使用方法教程

bootstrap-treeview 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件...
  • mixika99
  • mixika99
  • 2016年11月26日 22:50
  • 9202

C# TreeView的使用以及节点的拖动

在项目中需要使用TreeView,TreeView中的节点是需要监控的视频站点,当拖动TreeView中的节点到Winform中的显示窗口时,可以实现该节点对应的站点的监控,摄像机转动等功能。 在实...
  • u011974126
  • u011974126
  • 2015年07月23日 11:03
  • 2057

PB中TreeView控件使用技巧

PB中TreeView控件使用技巧 2007-01-28 00:09:20 分类: 数据库开发技术 PowerBuilder中的TreeView 控件为树状游览,类似于WIND...
  • tlammon
  • tlammon
  • 2016年03月01日 20:40
  • 1881

[WPF]TreeView动态修改某个节点属性的解决方案

Title: [WPF]TreeView动态修改某个节点属性的解决方案 Date: 2014-08-02 10:05:47 tag: WPF code #遇到的问题 有些时候需要修改T...
  • leehermit
  • leehermit
  • 2014年09月24日 16:13
  • 2548

TreeView点击树节点中id,名称赋值到文本框中

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usi...
  • qqweia2014
  • qqweia2014
  • 2017年11月01日 16:27
  • 95
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值
举报原因:
原因补充:

(最多只允许输入30个字)