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

原创 2007年09月21日 18:50:00

       最近两天,我做的项目中用到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(晓风残月)。

TreeView1鼠标点击节点触发的单击事件

说实话,刚刚从Delphi改成VB.net,delphi本是菜鸟,VB也就是菜鸟中的菜鸟了,根本不是开什么博,就算是学习的一些心得吧,仅仅是记录一下,以便后期使用而已,请方家勿笑。 查了很多资料,...
  • leavesguth
  • leavesguth
  • 2017年03月15日 14:39
  • 3623

TreeView 获取选中的Value和Text文本,下面只能获取文本

js 如何获取treeview checkbox 选中的value的值 如题  我现在只能获取文本    function returnValue() {              var ...
  • huangzhen222
  • huangzhen222
  • 2012年11月23日 15:19
  • 1545

相应TreeView的点击事件的处理

private void tvmenu_AfterSelect(object sender, TreeViewEventArgs e) { ReflectIni...
  • jszhangyili
  • jszhangyili
  • 2012年04月17日 16:31
  • 4873

ASP.NET 2.0 的TreeView控件点击节点触发事件的方法

在网上找了很多,几乎都是1.0的TreeView的操作方法,在msdn上才查到2.0点击节点触发事件的方法,其实很简单,就是下面 这段代码,似乎比1.0要简单些。@ Page Language="C#...
  • pangpao
  • pangpao
  • 2007年07月05日 14:45
  • 2523

【项目】TreeView控件的CheckBox选中事件

Asp.net 2.0 中带有CheckBox的TreeView控件, 父节点CheckBox属性改了后如何修改其子节点的Check状态?   有两种方法:   一是PostBack回服务器端处理: ...
  • u010924897
  • u010924897
  • 2015年08月31日 19:30
  • 1179

C#中TreeView单击选中子节点

希望实现点击TreeView下的不同子ji
  • SunCherryDream
  • SunCherryDream
  • 2014年09月26日 10:07
  • 6338

TreeView的子节点和父节点级联选中,遍历TreeView并查找和选定节点

TreeView的子节点和父节点级联选中 参考:(TreeView的子节点和父节点级联选中)http://blog.sina.com.cn/s/blog_56616d970100c483.html ...
  • cpcpc
  • cpcpc
  • 2011年12月05日 16:50
  • 10354

C# 获取TreeView选中节点的value和Text

for (int i = 0; i                 {                     tvdataid += "," + this.TreeView1.CheckedN...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2013年03月20日 16:57
  • 2472

通过 Value 查找 TreeView 节点 并选择

  ///     /// 查找指定节点    ///     /// 节点    /// 值    ///     private TreeNode FindNode(TreeNode tnPare...
  • zx13525079024
  • zx13525079024
  • 2009年05月16日 09:28
  • 1624

C#treeView控件单击事件选中节点的问题

问题描述:在treeView的Click事件中,选中的节点SelectedNode并不是您刚才点击的节点,总是上一次选中的节点,节点选中滞后的问题。 解决方案:在treeView的MouseDown事...
  • esunshine1985
  • esunshine1985
  • 2014年03月21日 22:07
  • 4588
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值
举报原因:
原因补充:

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