jQuery를 EasyUI 트리 메뉴 - 동적으로로드 나무 격자
동적으로로드 된 트리 그리드 라인은 서버 부분에서 데이터를로드 대용량 데이터 오랜 기다림을로드하지 않도록하는 데 도움이됩니다. 이 튜토리얼에서는 동적 부하 특성 그리드 (TreeGrid에)와 트리를 만드는 방법을 보여줍니다.
나무 격자 생성 (TreeGrid에)
<표 제목 = "제품"클래스 = "easyui-TreeGrid에"스타일 = "너비 : 700 픽셀, 높이 300 픽셀" URL = "treegrid3_getdata.php" rownumbers = "true"로 idField = "아이디"treeField = "이름"> <THEAD> <TR> <목 필드 = "이름"너비 = "250"> 이름 </ 일> <제 /> 수량 <목 필드 = "양"너비 = "100"= "권리"정렬> 가격 <목 필드 = "가격"너비 = "150"= "formatDollar"= "오른쪽"포매터를 정렬> </ 번째> 총 </ 일> <목 필드 = "총"너비 = "150"= "오른쪽"포맷 = "formatDollar"를 정렬> </ TR> </ THEAD> </ 테이블>
서버 측 코드
treegrid3_getdata.php
$ 식에는 isset ($ _ POST [ 'ID']) INTVAL ($ _ POST [ 'ID']) : 0;? 'conn.php'를 포함; $ 결과 = 배열 (); $ 루피 = 상 mysql_query ( "제품 SELECT * FROM 곳 parentId = $ ID"); 동안 ($ 행 =은 mysql_fetch_array ($ RS)) { ? $ 행 [ '상태'] = has_child ($ 행 [ 'ID']) '폐쇄': '개방'; $ 행 [ '총'] = $ 행 [ '가격'] * $ 행 [ '양']; ($ 결과, $ 행) array_push; } 에코하여 json_encode ($ 결과); 기능 has_child ($ 아이디) { $ 루피 = 상 mysql_query ( "제품의 수 (*)를 선택한 경우 parentId = $ ID"); $ 행 =은 mysql_fetch_array ($ RS); $ 행을 반환 [0]> 0 사실 :? 거짓; }