최고의 jQuery를 EasyUI 트리 메뉴 - 그리드 기반의 트리 만들기 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.
트리 그리드 (TreeGrid에) 구성 요소는 데이터 그리드 (데이터 그리드)에서 상속하지만 행에있는 노드 사이의 부모 / 자식 관계를 할 수 있습니다. 데이터 그리드 (데이터 그리드)에 상속 된 속성의 많은, 그것은의 트리 그리드 (TreeGrid에) 사용할 수 있습니다. 트리 격자 (TreeGrid에)를 사용하기 위해서, 사용자는 'treeField'속성을 정의해야 트리 노드로되는 필드를 나타낸다.
이 튜토리얼에서는 트리 그리드 (TreeGrid에)는 폴더 브라우저 구성 요소를 설정 사용하는 방법을 보여줍니다.
<표 아이디 = "테스트"제목 = "폴더 탐색기"클래스 = "easyui-TreeGrid에"스타일 = "너비 : 400 픽셀, 높이 300 픽셀" URL = "데이터 / treegrid_data.json" rownumbers = "true"로 idField = "아이디"treeField = "이름"> <THEAD> <TR> <목 필드 = "이름"너비 = "160"> 이름 </ 일> <제 /> 크기 <목 필드 = "크기"폭 = "60"= "권리"정렬> <목 필드 = "날짜"너비 = "100"> 수정 한 날짜 </ 일> </ TR> </ THEAD> </ 테이블>