ホームページ > ウェブフロントエンド > jsチュートリアル > zTree は、第 1 レベルのノード メソッド実装を非同期的にロードして展開します。

zTree は、第 1 レベルのノード メソッド実装を非同期的にロードして展開します。

小云云
リリース: 2017-12-29 11:16:08
オリジナル
2745 人が閲覧しました

この記事では、主に zTree の非同期ロードと第 1 レベルのノードの拡張の実装方法を紹介します。必要な方は参考にしていただければ幸いです。

設定のコールバックにonAsyncSuccess:onAsyncSuccessコールバック関数を追加し、コールバック関数を実装します

var isFirst = true;
function onAsyncSuccess(event, treeId) {
  if (isFirst) {
      //获得树形图对象
      var zTree = $.fn.zTree.getZTreeObj("treeDemo");
      //获取根节点个数,getNodes获取的是根节点的集合
      var nodeList = zTree.getNodes();
      //展开第一个根节点
      zTree.expandNode(nodeList[0], true);
      //当再次点击节点时条件不符合,直接跳出方法
      isFirst= false;
  }
}
ログイン後にコピー

それでは、現在のノードの次のレベルの子ノードの数を取得するzTreeの実装方法を共有します。

zTree プラグインを使用して、ツリー図内で現在クリックされている親ノードの子ノードの数を取得する必要性を実装します。treeNode.children を使用して子ノードのデータ コレクションを取得し、length メソッドを使用して、コレクションの長さ。

呼び出す現在のノードのtreeNodeを渡します。

/*查找当前节点下一级的子节点数*/
function findNodes(treeNode)
{
  var count;
  /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/
  if(treeNode.isParent) {
    count = treeNode.children.length + 1 ;
  } else {
    /*如果不是父节点,说明没有子节点,设置为1*/
    count = 1;
  }
  return count;
}
ログイン後にコピー

関連する推奨事項:

zTree はすべてのノードを非同期でロードします

jquery zTree の非同期ロードの単純な例 Sharing_jquery

jquery zTree の非同期ロード、ファジー検索の単純な例 Sharing_ jクエリ

以上がzTree は、第 1 レベルのノード メソッド実装を非同期的にロードして展開します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート