欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-29 19:37:03
...
本文主要介绍了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=='closed'&&(!$("#tree").tree('isLeaf',node.target))){ //状态为关闭而且非叶子节点 
           $(this).tree('expand',node.target);//点击文字展开菜单  
         }else{ 
           $(this).tree('collapse',node.target); 
         } 
      } 
       
    } 
  })

相关推荐:

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

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

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

以上就是Easy UI动态树点击文字展开、关闭功能的实现的详细内容,更多请关注其它相关文章!