点击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(晓风残月)。

 

相关文章推荐

【原创】jQuery获取TreeView选中节点的Text和Value值

1、节点存在行为事件 后台代码: 1 2 3 4 5 6 7 8 // 子节点 TreeNode childNode = ...

创建TreeView控件,响应NM_CLICK消息得到当前点击的节点的信息(SDK版本)

// 创建TreeView控件 case WM_CREATE: { INITCOMMONCONTROLSEX icc = {sizeof(icc), ICC_TREEVIEW_CLAS...

C#TreeView窗体版点击右键弹出菜单+直接修改名称+新建节点

这个文章与之前写的“C#TreeView窗体版点击右键弹出菜单+右键获取信息”,有些不一样的地方。改进了,右键“新建”可以直接添加新的节点并且在节点上直接修改名字;右键“重命名”可以直接在节点上修改节...

C# 中TreeView 控件实现点击CheckBoX自动打钩的事件

自己想要做一个TreeView,点击节点的CheckBox能让其子节点及父节点做出相应的事件。也不知道是不是自己的搜索方式不对,只能找到个近似的框架,通过自己修改以达到自己的要求。现将自己的需求及代码...

定制TreeView控件,实现节点样式自定义及节点级别的单选、复选

需求 在项目中需要对TreeView进行定制,要求比较简单,主要要求如下:  每个节点被造中时可以有自己的事件Winform中TreeView控件默认只支持树级别的CheckBox,再要求支持...

操作TreeView:,选中左边树的节点,点击>>按钮 将选择的节点展现到右边的树中,同时将选择的节点从左边的树中移除。。点击<<实现同样的功能。。。。

HTML code table width="500px"> tr> td> asp:TreeView ID="l...

VB.net遍历搜索Treeview,找到符合字符串条件的节点

ListView,Treeview

jquery treeview 点击文本框显示树全路径选择

本文介绍点击文本框,显示树形列表,选中一个值得时候需要很清晰的看到来源,也就是选中的值能够寻根。 第一、定义文本框 热线类型: 第二、定义div目的显示树 第三、...

给TreeView的CheckBox添加双击事件

双击父节点来控制其所有的子节点的选中状态function CheckSubNodesExceptionSelf() {//双击父节点,父节点不选,使其所有子节点反选 var obj = wi...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击TreeView的定制图像不执行任何事件并且在js中找到TreeView节点的value值
举报原因:
原因补充:

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