jQuery를 EasyUI 트리 메뉴 - 복잡한 트리 메쉬를 만들
데이터 공간에 복잡하고 다중 열 스프레드 시트를 표시 할 수 있습니다 트리 그리드 (TreeGrid에)가 제한됩니다. 이 튜토리얼은 테이블 데이터가 공통 데이터를 구성하기 위해 그리드 멀티 라인 헤더에 배치되어 분할하는 방법을 보여줍니다.
나무 격자 생성 (TreeGrid에)
<표 제목 = "복잡한 TreeGrid에"클래스 = "easyui-TreeGrid에"스타일 = "너비 : 550 픽셀, 높이 250 픽셀" URL = "데이터 / treegrid2_data.json" rownumbers = "true"를 showFooter = "true"로 idField = "아이디"treeField = "지역"> <THEAD = 냉동 "진정한"> <TR> <목 필드 = "지역"너비 = "150"> 지역 </ 일> </ TR> </ THEAD> <THEAD> <TR> <목은 열 병합 = "4"> 2009 </ 일> <목은 열 병합 = "4"> 2010 </ 일> </ TR> <TR> 1 QRT <목 필드 = "F1"너비 = "50"= "권리"정렬>. </ 목> 2ST QRT <목 필드 = "F2"너비 = "50"= "권리"정렬>. </ 목> 3ST QRT <목 필드 = "F3"너비 = "50"= "권리"정렬>. </ 목> 4ST QRT <목 필드 = "F4"너비 = "50"= "권리"정렬>. </ 목> 1 QRT <목 필드 = "F5"너비 = "50"= "권리"정렬>. </ 목> 2ST QRT <목 필드 = "F6"너비 = "50"= "권리"정렬>. </ 목> 3ST QRT <목 필드 = "F7"너비 = "50"= "권리"정렬>. </ 목> 4ST QRT <목 필드 = "F8"너비 = "50"= "권리"정렬>. </ 목> </ TR> </ THEAD> </ 테이블>
당신이 볼 수 있듯이 동일한 트리 그리드 (TreeGrid에)를 사용하여 데이터 그리드 (에서 Datagrid). 여러 줄의 헤더를 정의하는 고정 된 열, 열 '열 병합'과 'ROWSPAN'속성을 정의하기 위해 '동결'속성을 사용하십시오.