Dynatree하는 AddChild - 내가 분명히하고 싶은 구성 요소의 저자

Question

http://wwwendt.de/tech/dynatree/index.html

을위한 질문 다음 하는 AddChild가 호출 될 때 - 수행하는 전체 트리 취득 렌더링 - 다시하거나 수정 된 노드 (추가 된 노드와 노드 그 새로운 자녀를 낳았습니까?)

나는 정보의이 개 충돌 조각을 얻고있다 : Lazy Loading in dynatree 만 영향을받는 노드가 얻을 것이다 말한다 다시 렌더링

Dynatree slow when dynamically loaded with 100+ nodes 여기 그것이마다하는 AddChild이

을 사용 다시 렌더링 얻을 않는다는 것을 말한다

아마도, 나는 무엇인가 놓치고 있습니까?

어느 쪽입니까?

Answer 1

Dynatree는 노드를 내부 구조에 저장합니다. '렌더링'은 에 DOM 요소 인 의 HTML 요소를 생성하거나 업데이트하는 프로세스로, 트리의 상태를 반영합니다. 예를 들어, 분기의 마지막 노드에 특별한 클래스 이름이 있으므로 노드를 추가하는 노드는 이전 '마지막 노드'에서이 클래스를 제거하고 을 추가해야합니다. 새 노드를 에 추가하십시오.

.addChild (data)를 호출 할 때마다 렌더링이 트리거됩니다. 하나의 호출로 100 개의 노드를 전달하면 렌더링은 한 번만 수행되며 이므로 노드는 단일 노드 으로 100 회 호출하는 것보다 항상 더 효과적입니다.

가 현재하는 AddChild이 패턴을 사용합니다 (0.5.4가 릴리스) :

var prevFlag = tree.enableUpdate(false); 
[modify the tree] 
tree.enableUpdate(prevFlag); 

enableUpdate을 (참) tree.redraw()를 호출, 그래서 전체 트리가 업데이트됩니다. 이것은 릴리스 1.0으로 변경되지만 결합하더라도 더 빨리 결합합니다. addChild 호출합니다.

이 노드 인 경우 은 DOM에이 작성된 경우입니다. 첫 번째로 노드 이 으로 표시 될 때까지 HTML 요소 생성 1.0부터 시작됩니다. 그래서 DOM을 부풀리지 않고 매우 많은 수의 노드를 효율적인 DYNATREE 데이터 구조 에로드 할 수 있습니다.

트리 전체를 사전로드하는 것이 더 편한 경우 또는 단일 분기가 서버, 네트워크 및 클라이언트에 종속적으로 지연됩니다. 따라서 항상 다른 시나리오를 벤치마킹해야합니다.