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

この記事では、主に 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 サイトの他の関連記事を参照してください。