首頁  >  文章  >  web前端  >  Easy UI動態樹點選文字展開、關閉功能的實現

Easy UI動態樹點選文字展開、關閉功能的實現

小云云
小云云原創
2017-12-27 09:39:021512瀏覽

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

相關推薦:

使用"函數遞迴"實作基於php和MySQL的動態樹型選單

實作基於php和MySQL的動態樹型選單_PHP教學

實作基於php和MySQL的動態樹型選單

以上是Easy UI動態樹點選文字展開、關閉功能的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn