월드버텍 블로그

내일을 향한 준비~~

dynatree 예제

under Uncategorized

이를 처리하는 웹 서버의 샘플 구현은 dynatree_server.py를 참조하십시오(파이썬 코드 의 ~150줄). 이 서버가 실행 중일 때 지연 트리의 라이브 예제를 시도할 수 있습니다. 모든 이벤트 처리기는 DynaTreeNode의 인스턴스를 인수로 전달합니다.이 개체는 Dynatree 개체를 나타냅니다. 데이터 요청이 비동기적으로 수행되므로 문서가 더 빨리 로드되므로 노드 옵션에 액세스할 수 있습니다. 요청이 완료되기를 기다리는 동안 다이나트리가 회전 하는 바퀴를 표시 합니다. Dynatree는 다른 소스에서 구조를 읽을 수 있습니다: 다른 모든 노드 옵션은

  • 요소의 데이터 특성에 지정됩니다. 예를 들어 Dynatree 개발, jQuery UI 1.8.24, jQuery 1.8.2 Dynatree는 트리 노드의 지연된 로드를 지원하므로 부모가 확장될 때만 자식 노드를 읽습니다. 위의 간단한 예제에서는 자식 옵션을 사용 하 여 노드 배열을 전달 하 여 트리가 초기화 되는 방법을 이미 보았습니다. 예를 들어 활성 노드가 수준 # 4에 있는 경우 3개의 상위 노드를 렌더링해야 할 수 있습니다. 또는 selectMode 3(계층적)에서 부분적으로 선택된 모든 노드를 보낼 수 있습니다. 대안으로 자식 옵션을 버리고
    태그 안에

      추가할 수 있습니다.

      예를 들어

        요소에서 트리 구조 초기화를 참조하십시오. 더 많은 제어가 필요하거나 서버가 Dynatree의 기본 형식으로 JSON을 제공할 수 없는 경우 jQuery.ajax()를 사용하여 데이터를 가져온 다음 변환하고 callnode.addChild() : Dynatree는 jQuery를 기반으로 하고 jQuery를 위해 만들어집니다. 익숙하지 않은 경우 jQuery 설명서를 확인할 수도 있습니다. 예제 브라우저에서 [소스 코드 보기] 링크를 사용하는 것이 Dynatree에 대해 알아보는 가장 좋은 방법일 것입니다. 그러나이 플러그인 구현DynaTree 개체의 집합을 보유 하는 DynaTree 라는 클래스를 기반으로 합니다. 이러한 클래스는 향상된 기능을 위해 액세스할 수 있는 메서드를 노출합니다. 예: 다음 예제에서는 현재 포커스가 있는 노드의 제목을 요소에 기록 http://code.google.com/p/dynatree/downloads합니다.

  • Comments are closed.

    Subscribe to 월드버텍 블로그