추가 옵션은 초기화 하는 동안 Fancytree에 전달 됩니다.: Fancytree 쿼리 하 고 데이터 모델을 조작 하는 광범위 한 개체 지향 인터페이스를 노출: 드롭 다운 메뉴 기능 사용 아들 의 Suckerfish 는 99% CSS, 그리고 트리 구성 요소는 이제 TreeAndMenu 확장의 이전 버전에서 사용 된 dTree보다는 FancyTree jQuery 플러그인을 사용하여. 새로운 팬시 트리는 많은 옵션과 플러그인을 가지고 있으며, 매우 확장, 자세한 내용은 사이트와 예제를 참조하십시오. 팬시트리는 확장을 사용하여 확장할 수 있습니다. 표준 배포에는 테이블 지원, 인라인 편집, 필터링 등과 같은 몇 가지 추가 기능이 이미 포함되어 있습니다. 최신 안정적인 팬시 트리 릴리스를 얻을 수있는 몇 가지 방법이 있습니다 : 팬시 트리 내부적으로도 몇 가지 jQuery UI 위젯을 사용합니다. 그러나 이러한 배포의 일부(jquery.fancytree-all-deps.min.js) 또는 모듈 로더가 사용되는 경우. 참고: jQuery UI 테마는 필요하지 않습니다. Fancytree는 지속성, 키보드, 확인란, 테이블, drag`n`drop 및 지연 로드를 지원하는 jQuery용 JavaScript 트리 뷰 플러그인입니다. Fancytree는 외부 종속성으로 jQuery 1.9+ (3.x 일반 빌드 권장)가 필요합니다.
참고: 패키지 관리자 또는 모듈 로더를 사용하는 경우 jQuery는 Fancytree 코어 모듈에 자동으로 포함됩니다. 참고: 프로젝트에서 실제로 jQuery를 사용해야 한다는 의미는 아닙니다. 웹 팩과 같은 모듈 번들을 사용하는 경우, 우리는 팬시 트리 하나의 주요 기능을 추가 할 수 있습니다 팬시 트리의 기능 테이블 (일명 트리 그리드)로 트리를 렌더링하고 내장 된 입력 컨트롤그리드에서 키보드 탐색을 지원하는 기능입니다. Fancytree는 노드가 처음으로 확장될 때만 데이터를 로드하는 등 필요에 따라 노드 로드를 지원합니다. 트리 및 메뉴는 다음 예제와 같이 파서 함수를 사용하는 일반 중첩 글머리 기호 목록 구문을 둘러싸서 만들어집니다. dist/ 폴더에는 여전히 최신 릴리스 버전이 포함되어 있습니다. npm 설치를 실행 해야 하 고 grunt make_dist 로컬로 dist/폴더에 현재 축소 된 파일을 만들 려면. 디버깅 및 기여를 위해 Fancytree를 설치하는 방법에 대한 자세한 내용은 HowtoContribute를 참조하십시오.
현재 다음 옵션은 동적 옵션으로 평가됩니다: 확인란, 아이콘, iconTooltip, 도구 설명, 선택 가능, 선택 취소됨, 선택할 수 없는 상태. 다음 예제는 MediaWiki:Common.js에 추가될 수 있으며, 문서가 준비될 때까지 기다린 다음 트리에 이벤트를 추가한 다음(이 경우 id 특성에 의해 선택됨)#tree 트리가 초기화될 때 makeTitleVisible이라는 도우미 함수를 호출할 수 있습니다. 현재 페이지에 대한 첫 번째 노드 링크를 보여 주며 활성화합니다. 릴리스 목록에서 릴리스를 열고 소스 코드(zip)를 클릭하여 문서, 테스트 등을 통해 전체 소스 트리를 다운로드합니다. 당신은 dist / 폴더에서 생산 라이브러리 및 CSS 파일을 찾을 수 있습니다. 전역 설정이 콜백인 경우 모든 노드에 대해 호출되므로 옵션 값을 동적으로 정의할 수 있습니다: 트리 스타일은 MediaWiki:Common.css 페이지에 규칙을 추가하여 CSS를 사용하여 정의됩니다. 예를 들어 내 사이트에서 는 다음을 사용하여 텍스트와 아이콘을 TreeAneMenu의 마지막 버전처럼 만듭니다. 참고: 이 기능은 버전 4.x에서 제대로 작동하지 않으며, 변환된 콘텐츠는 글머리 기호 목록으로만 작동할 수 있으며 동적 쿼리가 이전 섹션에서 수행하는 것처럼 올바른 깊이를 사용해야 합니다.
노드의 선택한 상태는 확인란 아이콘과 독립적이지만 일반적으로 확인란을 사용하여 트리에 대한 확인란을 활성화합니다.