ホームページ >ウェブフロントエンド >jsチュートリアル >Easy UIの動的ツリーのテキストをクリックして展開および閉じる機能の実装

Easy UIの動的ツリーのテキストをクリックして展開および閉じる機能の実装

小云云
小云云オリジナル
2017-12-27 09:39:021533ブラウズ

この記事では、展開と終了機能を実現するための 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。