ホームページ >ウェブフロントエンド >jsチュートリアル >2つのzTree間の連携を1ページで実現する方法

2つのzTree間の連携を1ページで実現する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-14 11:04:292278ブラウズ

今回は、1つのページで2つのzTreeの連携を実現する方法を紹介します。 1つのページで2つのzTreeの連携を実現するための注意事項は何ですか。

はじめに

zTree は、JQuery のコア コードを使用して、最も一般的な機能を実行できる一連の Tree プラグインを実装します

  • IE、FireFox、Chrome、その他のブラウザと互換性があります

  • 1つのページで複数のTreeインスタンスを同時に生成できます
  • JSONデータをサポートします
  • ワンタイム
  • 静的生成とAjax非同期の2つの方法をサポートします

    ロード中
  • さまざまな

    イベント

    レスポンスとフィードバックをサポート
  • ツリーノードの移動、編集、

    削除をサポート

  • スキン/パーソナライズされたアイコンの変更をサポート(CSSに依存)
  • 非常に柔軟なチェックボックスまたはラジオ選択機能をサポート
  • 柔軟で変更可能な機能を実現する簡単なパラメータ設定

引用

現在開発する場合、要件により、同じページの左右に 2 つのツリーを実装する必要があります。あるツリーのノードが選択されると、もう一方のツリーの対応するノードも選択されます。 (2 つのツリーは関連しています。もちろん、必要に応じてリンク条件や方法を変更できます)。

実装ツリーのコードはここには貼り付けられなくなり、リンクを実現する方法のみが示されます。

コード:

rreee TreeId はリンク先のツリーの ID です。zTree の

onclick

メソッドでこのメソッドを呼び出し、独自の状況に応じてパラメーターを渡して、リンクを実装します。 selectNode()

メソッド

パラメータはツリーのノードであり、その機能はノードを選択させることです。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:
JS クラス、コンストラクター、およびファクトリー関数の使用方法


nodejs で WeChat 共有機能を呼び出す方法

🎜🎜

以上が2つのzTree間の連携を1ページで実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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