zTree는 첫 번째 레벨 노드 메소드 구현을 비동기식으로 로드하고 확장합니다.

이 글은 주로 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을 사용하여 하위 노드 데이터 수집을 얻고 길이 방법을 사용하여 컬렉션의 길이.

호출할 현재 노드의 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_jquery

위 내용은 zTree는 첫 번째 레벨 노드 메소드 구현을 비동기식으로 로드하고 확장합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!