JavaScript Webix Tree 2.1
5초 만에 다운로드할 수 있습니다.
에 대해 JavaScript Webix Tree
Webix Tree 1.6을 사용하면 계층적으로 구성된 데이터를 멋지고 논리적으로 제시할 수 있습니다. 이 Webix 위젯의 도움으로 데이터 내의 모든 수준의 종속성을 명확하게 볼 수 있습니다. 자식 노드가 포함된 노드는 화면을 불필요한 정보를 지우기 위해 한 번의 클릭으로 쉽게 확장하거나 축소할 수 있습니다. 동적 데이터 로딩을 사용하면 비동기 트리 레벨 로딩이 가능합니다. 처음에는 1단계 항목만 로드됩니다. 그런 다음 다음 트리 분기를 열면 분기의 ID가 서버로 전송되고 데이터가 동적으로 로드됩니다. 트리 위젯에는 2개 및 3상태 확인란 모드가 있습니다. 마지막 모드를 사용하면 상위 확인란을 선택하고 추가 확인란 상태를 통해 사용자가 선택한 중첩 된 확인란의 존재를 표시하여 모든 하위 항목을 선택할 수 있습니다. Webix Tree는 키보드 탐색 및 핫키 관리를 제공하므로 위젯에서 작업할 때 조작횟수를 줄일 수 있습니다. 트리를 사용하면 데이터 추가, 삭제, 복사, 붙여넣기 및 인라인 노드 편집과 같은 많은 수의 CRUD 작업을 수행할 수 있습니다. 위젯의 디자인은 CSS로 완전히 정의되어 있어 앱 작업을 더 빠르고 간단하게 만듭니다. 또한 당신은 웹 닉스 트리를 장식하는 아이콘의 집합을 사용할 수 있습니다. 고급 트리 드래그 앤 드롭 속성을 사용하면 트리 항목(열)을 트리와 데이터 테이블, 목록, 데이터 뷰 및 트리테이블 사이에서뿐만 아니라 다른 트리 간에드래그할 수 있습니다. 위젯을 사용하면 트리 상태를 쿠키, 로컬 또는 세시온 저장소로 저장한 다음 복원할 수 있습니다. 이 상태 개체에는 열린 노드및 선택된 노드에 관한 데이터가 포함되어 있어 최종 사용자가 작업하는 최종 노드를 크게 단순화합니다. Webix Tree는 IE10, 모질라 파이어폭스, 오페라, 크롬 및 사파리와 같은 주요 최신 브라우저에서 똑같이 잘 작동합니다. Webix 트리 메뉴는 터치 장치에서 모바일 앱의 일부로 제대로 작동 할 준비가되어 있습니다. 라이브러리는 각 장치에 대해 가장 적합한 터치 이벤트 메커니즘을 자동으로 선택합니다.