fancytree 예제

추가 옵션은 초기화 하는 동안 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에서 제대로 작동하지 않으며, 변환된 콘텐츠는 글머리 기호 목록으로만 작동할 수 있으며 동적 쿼리가 이전 섹션에서 수행하는 것처럼 올바른 깊이를 사용해야 합니다.

노드의 선택한 상태는 확인란 아이콘과 독립적이지만 일반적으로 확인란을 사용하여 트리에 대한 확인란을 활성화합니다.

Comments

No one has said anything yet.

Comments are closed.