트리랜더링 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 트리랜더링

페이지 정보

작성자 포플러나무 작성일 21-06-17 17:45 조회 111회 댓글 0건
제품 버전 : 알수없음
컨트롤 이름 : treeview

본문

 


위즈모 트리 생성시 첫번째 노드가 열린상태로 렌더링됩니다. 이러한 상태가 아니라

접힌 상태로 처음에 렌더링 하고 싶고

1a82004bb662d3c194f8de472c43ce71_1623919600_1447.png


1a82004bb662d3c194f8de472c43ce71_1623919600_2029.png


 노드가 열린 상태의 주소? 라고 해야하나 렌더링했을때 특정 노드가 열리게 렌더링 하고 싶습니다.

(아래 캡쳐) 

어떻게 해야하나요? 

1a82004bb662d3c194f8de472c43ce71_1623919600_2531.png
 



https://demo.grapecity.co.kr/wijmo/learn-wijmo/Nav/TreeView/Behavior/react 


  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 트리랜더링

페이지 정보

작성자 GCK루시 작성일 21-06-21 17:37 댓글 0건

본문

안녕하세요 그레이프시티입니다.


1. 모든 노드가 접힌 상태로 트리뷰 로드 문의

=> 해당 기능을 구현하기 위해서는 시, 트리 항목이 생성된 후, 발생하는 loadItems 이벤트에서 트리 항목을 주어진 레벨로 축소시킬 수 있는 collapseToLevel 속성을  0으로 지정하시면 됩니다.  아래 코드 스니펫을 참고 하시기 바랍니다.


<wjNav.TreeView itemsSource={this.state} displayMemberPath="header" childItemsPath="items" initialized={this.initialized.bind(this)}>
</wjNav.TreeView>
(....)  
  initialized(ctrl){
        this._treeView= ctrl;
        ctrl.loadedItems.addHandler((s,e)=> {
            s.collapseToLevel(0)
        })
    }


[loadedItems]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_nav.treeview.html#loadeditems 


2. 특정 노드만 펼침 기능 문의

=> 해당 기능 구현을 위해서는 loadedItems 이벤트 내에서 개별 Node에 접근하여 노드의 축소 또는 펼침을 설정하는 isCollapsed를 false로  할당하면 됩니다. 아래 코드를 참조하시기 바랍니다.


initialized(ctrl){
        this._treeView= ctrl;  
        ctrl.loadedItems.addHandler((s,e)=> {
            s.nodes[2].isCollapsed = false;
        })
}


[isCollapsed]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_nav.treenode.html#iscollapsed 


도움말 문서도 전달 드리오니 확인 부탁 드립니다.


다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2021 GrapeCity inc.