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

Easy UI点击文字实现展开关闭功能

小云云
小云云原创
2018-01-27 14:33:001621浏览

本文主要介绍了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); 
         } 
      } 
       
    } 
  })

相关推荐:

JS 简单展开关闭切换代码_javascript技巧

js操作css属性实现div层展开关闭效果的方法_javascript技巧

JQUERY实现网页右下角固定位置展开关闭特效的方法_jquery

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

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