ホームページ >ウェブフロントエンド >jsチュートリアル >Easy UIの動的ツリーのテキストをクリックして展開および閉じる機能の実装
この記事では、展開と終了機能を実現するための 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=='closed'&&(!$("#tree").tree('isLeaf',node.target))){ //状态为关闭而且非叶子节点 $(this).tree('expand',node.target);//点击文字展开菜单 }else{ $(this).tree('collapse',node.target); } } } })
関連する推奨事項:
「関数再帰」を使用して、以下に基づいてダイナミクスを実装します。 PHP と MySQL のツリー メニュー
php と MySQL_PHP チュートリアルに基づいた動的ツリー メニューの実装
php と MySQL に基づいた動的ツリー メニューの実装
以上がEasy UIの動的ツリーのテキストをクリックして展開および閉じる機能の実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。