메인으로 Controls 트리뷰

트리뷰dews-ui-treeview

조직도 트리뷰

상태명 클래스명
회사 company
사업장 business
부서 dept
온라인 online
오프라인 offline
자리비움 abs
다른용무중 busy
조직도, 부서별 트리는 트리뷰 선택자가 있는 태그에 class="organizationChart"를 추가해야 합니다.
하위 샘플 코드를 보시면 트리뷰 옵션의 dataSpriteCssClassField: "status"가 있습니다.(status의 이름은 사용자가 직접 지정 할 수 있습니다.)
그리고 트리뷰 데이터 소스에는 "status": "company"가 있습니다. 이 것을 참고하시고 상단의 테이블을 통해 알맞은 문자를 작성해주시면 됩니다.

부서별 트리뷰

탐색기 트리뷰

탐색기 트리는 트리뷰 선택자가 있는 태그에 class="searchChart"를 추가해야 합니다.
하위 샘플 코드를 보시면 트리뷰 옵션의 dataSpriteCssClassField: "extension"가 있습니다. (extension의 이름은 사용자가 집적 지정 할 수 있습니다.)
그리고 트리뷰 데이터 소스에는 "extension": 알맞은 파일확장자명을 써주면 이미지가 나옵니다.
단 7z 확장자의 경우는 클래스명이 숫자로 시작 할 수 없기에 z7이라고 사용해야 합니다.

체크박스 적용 트리뷰