软件开发培训班 >> 编程开发 >> JavaScript


jquery实现点击TreeView文本父节点展开/折叠子节点

以前一个现在不用的帐号发布的随笔，现在人肉搬过来吧 。
注册用户有一段时间了，一直很忙，到现在还没有写一篇，忽然觉的一定要花点时间记录和总结一些东西 。好吧，就从这里开始了 。

今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点 。心想这个应该是很常见的功能吧，特意google了一下，发现大部分是将的不是js实现的，有些js实现的写的麻烦，干脆自己写一个吧，应该不难的 。

首先思路是，，让文本点击的时候执行左边‘+号的事件，查看源码看到，‘+号的事件是：
javascript:TreeView_ToggleNode(ctl00_body__menuTree_Data,0,document.getElementById(ctl00_body__menuTreen0), ,document.getElementById(ctl00_body__menuTreen0Nodes))
Ok,接下来就是筛选出所有的父级节点，加上处理事件就ok了，下面是完整代码：
复制代码 代码如下:

<script type="text/javascript">
$().ready(function()
{
$("img[src$=tv_NoExpend.jpg]").each(function()//筛选出所有的父级node
{
//ctl00_body__menuTreet4i//父级node的id是这样的规则:ctl00_body__menuTreet加id加i
var id = $(this).parent().attr("id").replace("ctl00_body__menuTreet","").replace("i","");
var nId = ctl00_body__menuTreen+id;
BindExpandJs($("#ctl00_body__menuTreet"+id+"i"),nId);//给‘文件夹图片绑定事件
BindExpandJs($("#ctl00_body__menuTreet"+id),nId); //给文本节点绑定事件 });
});
function BindExpandJs(obj,nId)
{
$(obj)
.css("cursor","pointer")
.removeAttr("href")
.click(function()
{
TreeView_ToggleNode(ctl00_body__menuTree_Data,0,document.getElementById(nId), ,document.getElementById(nId+Nodes));
});
}
</script>