Publié par admin dans 
웹 팩과 같은 모듈 번들을 사용하는 경우, 우리는 멋진 멋진 나무를 추가 할 수 있습니다 확장을 사용하여 확장. 표준 배포에는 테이블 지원, 인라인 편집, 필터링 등과 같은 몇 가지 추가 기능이 이미 포함되어 있습니다. Fancytree는 노드가 처음으로 확장될 때만 데이터를 로드하는 등 필요에 따라 노드 로드를 지원합니다. Fancytree 내부적으로도 몇 가지 jQuery UI 위젯을 사용합니다. 그러나 이러한 배포의 일부(jquery.fancytree-all-deps.min.js) 또는 모듈 로더가 사용되는 경우. 참고: jQuery UI 테마는 필요하지 않습니다. Fancytree는 데이터 모델을 쿼리하고 조작하기 위해 광범위한 개체 지향 인터페이스를 노출합니다: 한 가지 주요 기능은 Fancytree가 트리를 테이블(일명 트리 그리드)으로 렌더링하고 포함된 입력 컨트롤이 있는 그리드에서 키보드 탐색을 지원하는 기능입니다. 초기화 하는 동안 팬시 트리에 전달 되는 추가 옵션: 팬시 트리지 지 속성에 대 한 지원 jQuery에 대 한 자바 스크립트 트리 보기 플러그인, 키보드, 확인란, 테이블, drag`n`drop, 그리고 게으른 로딩. 트리 및 메뉴는 다음 예제와 같이 파서 함수를 사용하는 일반 중첩 글머리 기호 목록 구문을 둘러싸서 만들어집니다. dist/ 폴더에는 여전히 최신 릴리스 버전이 포함되어 있습니다. npm 설치를 실행 해야 하 고 grunt make_dist 로컬로 dist/폴더에 현재 축소 된 파일을 만들 려면. 디버깅 및 기여를 위해 Fancytree를 설치하는 방법에 대한 자세한 내용은 HowtoContribute를 참조하십시오.
Fancytree는 외부 종속성으로 jQuery 1.9+ (3.x 일반 빌드 권장)가 필요합니다. 참고: 패키지 관리자 또는 모듈 로더를 사용하는 경우 jQuery는 Fancytree 코어 모듈에 자동으로 포함됩니다. 참고: 프로젝트에서 실제로 jQuery를 사용해야 한다는 의미는 아닙니다. 드롭 다운 메뉴 기능은 99 % CSS인 Suckerfish의 아들을 사용하며 트리 구성 요소는 이제 TreeAndMenu 확장의 이전 버전에서 사용되는 dTree가 아닌 FancyTree jQuery 플러그인을 사용하고 있습니다. 새로운 팬시 트리는 많은 옵션과 플러그인을 가지고 있으며, 매우 확장, 자세한 내용은 사이트와 예제를 참조하십시오. 최신 안정적인 Fancytree 릴리스를 얻는 방법에는 여러 가지가 있습니다: 일부 노드 옵션은 동적 패턴을 사용하여 유연한 방식으로 정의할 수 있습니다. 일부 스킨은 배포판의 일부입니다 (Win-XP, 윈도우 7, 윈도우 8, OS X 사자, …). 온라인 데모에서 스킨 콤보박스를 사용하여 사용해 보십시오. Ajax 서비스는 유효한 JSON 데이터를 반환할 것으로 예상됩니다: 노드의 선택한 상태는 확인란 아이콘과 독립적이지만 일반적으로 확인란을 사용하여 트리에 대한 확인란을 활성화합니다. (특수값 « 라디오 »는 체크옥스를 라디오 버튼으로 바꿉니다.) require() 호출은 $.ui.fancytree 개체를 반환하여 .version, .createTree(), .eventToString(), .getNode(), .getTree() 등과 같은 유용한 정적 속성 및 메서드를 제공합니다(자세한 내용은 API 문서 확인).
자세한 내용은 또한 TutorialEvents, 온라인 데모, 사용 가능한 이벤트의 전체 목록 및 `데이터` 개체에 대 한 설명을 참조 하십시오. 선택적으로 프로젝트에 jQuery UI(1.12+ 권장)가 이미 포함되어 있는 경우 jquery.fancytree-all.min.js 대신 jquery.fancytree-all-deps.min.js를 사용하십시오. 사용자 지정 다운로드를 사용하는 경우 최소한 `UI 코어`, `효과`, `효과`, `블라인드 효과` 내선 확장에는 `상호 작용`, `드래그 가능`, `드롭 가능`, 내선 번호 5 확장이 없습니다. 이 종속성입니다. FancyTree 옵션은 다음과 같이 JSON 구문이있는 개별 노드로 전달 될 수 있으며 ID 및 클래스 값은 li 요소에 직접 배치되며 다른 모든 JSON 데이터는 데이터 json 특성을 통해 FancyTree 코드로 전달됩니다. 속성 이름도 값뿐만 아니라 로인드되어야 합니다. 라이브 데모를 플레이할 수 있는 예제 브라우저를 살펴보십시오. 모든 페이지 하단의 소스 보기 링크를 클릭하여 진행 내용을 확인합니다.