2013-03-04 3 views
3

여러 개의 중첩 된 정렬 가능한 양식으로 구성된 탐색 메뉴 편집기를 만들려고합니다. 모든 양식 데이터가 포함 된 하나의 거대한 중첩 JSON 데이터 블롭으로 한꺼번에 제출됩니다.nestableSortable 대 Nestable JS 라이브러리

검토중인 두 라이브러리는 nestableSortable (https://github.com/mjsarfatti/nestedSortable)과 Nestable (https://github.com/dbushell/Nestable)입니다. 이 두 라이브러리는 이러한 유형의 작업에 가장 보편적으로 사용되는 프로젝트 인 것 같습니다.하지만이 형식을 직렬화하고 중첩하는 기능은 기본 제공되지 않는 것 같습니다. 지금 당장 나는이 라이브러리가 나를 어떻게 든이 기능을 직접 만들어야한다는 가정하에있다.

Nestable은 조금 새로운 것으로 보이며 JQuery-UI에 의존하지 않지만 nestableSortable은 좀 더 풍부한 기능을 제공합니다. 또한 중첩 된 양식에 비슷한 문제가 있는지 궁금해하며이 라이브러리 중 하나를 사용하여 중첩 된 양식을 JSON 구조로 쉽게 직렬화하는 방법에 대한 조언이 있는지, 이러한 라이브러리 중 어느 것이 더 적합한 지 여부에 대해 궁금합니다. 프로젝트.

<div class="dd"> 
    <ol class="dd-list"> 
     <li class="dd-item" data-id="1"> 
      <div class="dd-handle">Item 1</div> 
     </li> 
    </ol> 
</div> 

내가 JS 라이브러리 그렇게에 대한 엄격한 요구 될 것이라고 생각 특히 기색이었습니다 : 사람이 관심이 있다면

답변

3

중첩 된 소트 가능으로 시작한 다음 중첩 가능으로 전환했습니다. IE7 (프로젝트 요구 사항)과 호환되기 때문에 지금 nestedSortable로 다시 전환 중입니다. 예, 네 스터 블의보다 단순한 구조를 쉽게 알 수 있지만 이러한 우수한 유틸리티 중 하나에 위탁하기 전에 대상 브라우저로 테스트해야합니다.

둘 모두에는 데이터를 직렬화하는 기능이 있습니다 (중첩 할 수있는 중첩 가능, 중첩 된 소트 가능한 다중 있음).

5

는 추가 검사 후 나는 중첩 가능한 작동하기 위해이 형식을 필요로 발견 엘리먼트 애트리뷰트들에 대해 자바 스크립트가 마크 업과 독립적으로 처리해야한다고 느꼈다. 이 때문에 Nestable 라이브러리에서 nestedSortable을 선택했습니다.

또한 nestedSortable에는 트리의 노드에 대한 왼쪽/오른쪽/상위 속성에 유용한 속성이있는 것으로 나타나며 트리 조작을 수행 할 때 서버 측에서 유용 할 수 있습니다.