> 웹 프론트엔드 > JS 튜토리얼 > zTree는 첫 번째 레벨 노드 메소드 구현을 비동기식으로 로드하고 확장합니다.

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

小云云
풀어 주다: 2017-12-29 11:16:08
원래의
2747명이 탐색했습니다.

이 글은 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿