jQuery를 EasyUI 레이아웃 - 축소 된 패널을 만들
이 자습서에서는 패널 (아코디언) 지식을 접는 easyui에 대해 배우게됩니다. 패널을 접는 (아코디언)은 패널 (패널)의 시리즈가 포함되어 있습니다. 머리 (헤더)의 모든 패널 (패널)을 볼 수 있지만 본문 내용의 표시 패널 (패널)를 한 번. 본문 콘텐츠를 숨기는 다른 패널 (패널)가 표시되지 않지만, 사용자는 본체 콘텐츠 패널 (패널)이 표시되며, 헤드 (헤더)의 패널 (패널)를 클릭하면.
우리는 세 개의 패널 (패널), 세 번째 패널 (패널) 트리 메뉴가 포함 생성됩니다.
<사업부 클래스 = "easyui - 아코디언"스타일 = "너비 : 300 픽셀, 높이 200 픽셀;"> <사업부 제목 = "아코디언 정보"iconCls = "아이콘-확인"스타일 = "오버 플로우 : 자동; 패딩 : 10px;"> <H3 스타일 = "색상 : # 0099FF;"> jQuery를위한 아코디언 </ H3> <P> 아코디언은 jQuery를위한 easyui 프레임 워크의 일부입니다. 그것은 당신이 쉽게 웹 페이지에서 아코디언 구성 요소를 정의 할 수 있습니다. </ P> </ DIV> <iconCls = "아이콘 - 재 장전" "easyui 정보"사업부 제목 = 선택 = "진정한"스타일 = "패딩 : 10px;"> easyui은 쉽게 웹 페이지를 구축 할 수 있도록 </ DIV> <사업부 제목 = "트리 메뉴"> <UL 아이디 = "TT1"클래스 = "easyui 트리"> <리> <SPAN> 폴더 1 </ SPAN> <UL> <리> <SPAN> 하위 폴더 1 </ SPAN> <UL> <리> <SPAN> 파일 11 </ SPAN> </ 리> <리> <SPAN> 파일 12 </ SPAN> </ 리> <리> <SPAN> 파일 13 </ SPAN> </ 리> </ UL> </ 리> <리> <SPAN> 파일 2 </ SPAN> </ 리> <리> <SPAN> 파일 3 </ SPAN> </ 리> </ UL> </ 리> <리> <span>에있는 File2 </ SPAN> </ 리> </ UL> </ DIV> </ DIV>