최고의 jQuery를 EasyUI 트리 메뉴 - 그리드 기반의 트리 만들기 튜토리얼 2024년, 이 튜토리얼에서는 jQuery를 EasyUI 예제를 다운로드,를 배울 수 있습니다.

jQuery를 EasyUI 트리 메뉴 - 그리드 기반의 트리 만들기

트리 그리드 (TreeGrid에) 구성 요소는 데이터 그리드 (데이터 그리드)에서 상속하지만 행에있는 노드 사이의 부모 / 자식 관계를 할 수 있습니다. 데이터 그리드 (데이터 그리드)에 상속 된 속성의 많은, 그것은의 트리 그리드 (TreeGrid에) 사용할 수 있습니다. 트리 격자 (TreeGrid에)를 사용하기 위해서, 사용자는 'treeField'속성을 정의해야 트리 노드로되는 필드를 나타낸다.

이 튜토리얼에서는 트리 그리드 (TreeGrid에)는 폴더 브라우저 구성 요소를 설정 사용하는 방법을 보여줍니다.

나무 격자 생성 (TreeGrid에)

	<표 아이디 = "테스트"제목 = "폴더 탐색기"클래스 = "easyui-TreeGrid에"스타일 = "너비 : 400 픽셀, 높이 300 픽셀"
			URL = "데이터 / treegrid_data.json"
			rownumbers = "true"로
			idField = "아이디"treeField = "이름">
		<THEAD>
			<TR>
				<목 필드 = "이름"너비 = "160"> 이름 </ 일>
				<제 /> 크기 <목 필드 = "크기"폭 = "60"= "권리"정렬>
				<목 필드 = "날짜"너비 = "100"> 수정 한 날짜 </ 일>
			</ TR>
		</ THEAD>
	</ 테이블>

jQuery를 EasyUI 예제를 다운로드

jeasyui-tree-treegrid1.zip

jQuery를 EasyUI 트리 메뉴 - 그리드 기반의 트리 만들기
10/30