您的位置:首页 > 产品设计 > UI/UE

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

2007-09-24 09:52 399 查看
点击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(晓风残月)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: