首页 >web前端 >js教程 >Easy UI动态树点击文字展开、关闭功能的实现

Easy UI动态树点击文字展开、关闭功能的实现

小云云
小云云原创
2017-12-27 09:39:021522浏览

本文主要介绍了Easy UI动态树点击文字实现展开关闭功能,需要的朋友可以参考下,希望能帮助到大家。

只需要在JSP处,点击树的函数中,添加一段代码即可:

整体如下:


<span style="white-space:pre"> </span>$("#tt").tree({ 
    onClick: function(node){ 
      if(node.url != null){ 
         parent.frames["content"].location.href="${ctx}" rel="external nofollow" + node.url; 
      }else{ 
         if(node.state==&#39;closed&#39;&&(!$("#tree").tree(&#39;isLeaf&#39;,node.target))){ //状态为关闭而且非叶子节点 
           $(this).tree(&#39;expand&#39;,node.target);//点击文字展开菜单  
         }else{ 
           $(this).tree(&#39;collapse&#39;,node.target); 
         } 
      } 
       
    } 
  })

相关推荐:

使用"函数递归"实现基于php和MySQL的动态树型菜单

实现基于php和MySQL的动态树型菜单_PHP教程

实现基于php和MySQL的动态树型菜单

以上是Easy UI动态树点击文字展开、关闭功能的实现的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn