首頁  >  文章  >  web前端  >  Easy UI點擊文字實作展開關閉功能

Easy UI點擊文字實作展開關閉功能

小云云
小云云原創
2018-01-27 14:33:001553瀏覽

本文主要介紹了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