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

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

小云云
发布: 2018-01-27 14:33:00
原创
1629 人浏览过

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

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

整体如下:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

<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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板