手机版

jquery实现单击树视图文本父节点展开/折叠子节点

时间:2021-10-05 来源:互联网 编辑:宝哥软件园 浏览:

由一个现在不用的账户发表的一篇文章。现在让我们搬进来。注册用户忙了一段时间,还没写出来,突然觉得必须花点时间记录和总结一些东西。好吧,让我们从这里开始。当客户今天提议点击菜单的父节点(由TreeView实现)时,展开该节点。我以为这应该是很常见的功能。我特意谷歌了一下,发现大部分都不是js实现的,有些js实现写起来比较麻烦。自己写一个应该不难。首先想到的是,

,并让左侧的事件“”在单击文本时执行。查看源代码,看到事件''是JavaScript 3360 treeview _ toggle节点(CTl00 _ body _ _ menutree _ data,0,Document。getelementbyid(' CTL 00 _ body _ _ menutren 0 '),'',文档。getelementbyid(' CTL 00 _ body _ _ menutren 0 nodes ')ok,那么所有的父节点都被筛选掉了,事件处理也就ok了。下面是完整的代码:复制代码如下: script type=' text/JavaScript ' $()。ready(function(){ $(' img[src $=TV _ no expend . jpg]')。每个(函数()//过滤掉所有的父节点{///。Ctl00_body__menuTreet4i//父节点的id是以下规则:ctl00_body__menuTreet加上id加上ivar id=$ (this)。父项()。attr ('id ')。替换(' ctl00 _ body _ _ menutreet ','。var NId=' CTL 00 _ body _ _ MenUtreen ' id;BindExpandJs($(' # CTL 00 _ body _ _ menuTreet ' id ' I '),NId);//BindExpandJS($(' # CTL 00 _ body _ _ MenuTreet ' ID),NID)是' folder '图片的绑定事件;//将事件绑定到“文本节点”});});函数BindExpandJs(obj,nId) { $(obj)。css('光标','指针')。removeAttr('href ')。click(function(){ TreeView _ ToggleNode(CTL 00 _ body _ menuTree _ Data,0,document.getElementById(nId),' ',document . getelementbyid(NId ' Nodes ')));});}/脚本

版权声明:jquery实现单击树视图文本父节点展开/折叠子节点是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。