안녕하세요 모두
일부 거래 (나뭇잎, 휴가 ...) 항목을 나타내는 데 사용할 수있는 최고의 jquery 트리 뷰는 무엇입니까?
인터넷에서 위대한 treeview을 찾았지만 문제는이 트리가 폴더와 디렉토리가 아니라 텍스트 항목 때문입니다.
예를 들어 사용자가 하위 휴가를 클릭하면 해당 하위 항목 옆에 일부 텍스트가 인쇄됩니다.jquery tree for items
참고 : 저는 PHP codeigniter 프레임 워크에서 작업합니다.
당신나는이 JQuery와 플러그인 과거에 사용했던 그것은 잘 작동 : 그것은 중첩 ul 및 li의 HTML 요소의 비 간섭 방식으로 작동 http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
.
노드의 자식을로드하려는 URL을 구성하여 AJAX를 통해 노드를 지연로드 할 수 있습니다. 당신의 나무가 크다면 이것은 훌륭하게 작동합니다.
$(document).ready(function() {
$('#concept-tree ul').treeview({
url: 'concepts/node'
});
});
노드와 관련된 콘텐츠를 다른 페이지 요소에 동적으로로드하려면 일부 JQuery를 사용할 수 있습니다. 클릭 된 노드에 대한 이벤트 핸들러를 설정하고 AJAX를 통해 추가 콘텐트를 가져 와서 DOM에 추가 할 수 있습니다.
jsTree 좋은 jQuery 플러그인입니다 감사합니다. 트리 작업에 필요한 다양한 옵션과 API를 가지고 있습니다. 나는 처음에는 학습 곡선이 약간 가파르다 고 말할 것인데, 그것은 나에게 가치가 있었다. jQuery에 익숙하다면 여러 가지 방법으로 트리를 조작 할 수 있습니다.
홈페이지는 ...... http://www.jstree.com/입니다.
트리는 아마도이 정보에 사용할 최상의 디자인 관용구가 아닙니다. 아마도 아코디언을 생각해보십시오.
나무는 노드가 작기 때문에 피팅의 법칙을 클릭하기가 쉽지 않습니다. 그리고 그들은 프로그래머들과 컴퓨터 괴짜들에게만 의미가 있습니다. 아코디언은 점점 더 보편화되고 적어도 조작하기가 쉽기 때문에 조금 좋아집니다.
코딩하기가 더 쉽습니다. 그리고 그것을 할 수있는 수많은 jquery 플러그인이 있습니다. 네가 필요로하는 것처럼 들리는 심지어 중첩 된.
목표가 항상 가장 빠른 UI를 갖는 것은 아닙니다. 이 작업이 얼마나 흔한 지 생각해보고, 처음에 더 쉽게 배울 수있는 것이 더 적합한 지 고려하십시오. 링크 및 하위 페이지가 정보를 제공하는 가장 좋은 방법 일 수 있습니다. 유용하지만 오래된 것을 무시하지 마십시오.