Rumah > hujung hadapan web > tutorial js > Easy UI点击文字实现展开关闭功能

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

小云云
Lepaskan: 2018-01-27 14:33:00
asal
1628 orang telah melayarinya

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

相关推荐:

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

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

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

Atas ialah kandungan terperinci Easy UI点击文字实现展开关闭功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan