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

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

小云云
發布: 2017-12-27 09:39:02
原創
1517 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板