HTML5 자바스크립트 그리드(JavaScript Grid)

일반 데이터를 계층 구조로 표현한 모습입니다.

기본적으로 트리 그리드는 계층 데이터로 구성된 데이터를 출력합니다. 즉, 서버에서 데이터 작성 시 데이터 구조를 계층적으로 작성해야 합니다.

그러나 일반 배열 형식의 데이터를 다음과 같이 id 와 parent 를 지시하면 그리드가 계층구조로 출력합니다.

일반데이터의 순서는 중요합니다. 부모(Branch)에 해당하는 행이 먼저 작성되어야 합니다.

즉, 다음 데이터에서 "Self-Assessment" 의 부모로 "Phase 1 - Strategic Plan" 를 지시하였습니다. 따라서 "Phase 1 - Strategic Plan" 는 "Self-Assessment" 보다 먼저 작성되어야 합니다.

{"id": "1", "name": "Phase 1 - Strategic Plan"},
{"id": "2", "name": "Self-Assessment", "parent":"1"},
{"id": "3", "name": "Define business vision", "parent":"2"}

id 와 parent 필드는 각각 treeIdField, treeIdRefField 속성으로 설정하십시오.

(ID = "r6")