jQuery를 EasyUI 레이아웃 - 탭을 만들 (탭)
이 튜토리얼은 당신이 어떻게 easyui 탭 구성 요소를 만들 지연을 사용하는 방법을 보여줍니다. 탭은 여러 동적으로 추가하거나 패널 (패널)를 제거 할 수 있습니다. 당신은 같은 페이지에 여러 개체를 표시하는 탭을 사용할 수 있습니다.
탭은 패널 (패널), 각 패널 (패널) 제목, 아이콘 및 닫기 버튼이 한 번 보여줍니다. 탭이 선택되고, 대응하는 디스플레이 패널 (패널) 함량.
HTML에서 탭 태그를 생성, DIV의 DIV 컨테이너와 패널 (패널)의 수를 포함합니다.
<사업부 클래스 = "easyui 탭이"스타일 = "너비 : 400 픽셀, 높이 100 픽셀;"> <사업부 제목 = "첫 번째 탭"스타일 = "패딩 : 10px;"> 첫 번째 탭 </ DIV> <사업부 제목 = "두 번째 탭"폐쇄 = "진정한"스타일 = "패딩 : 10px;"> 두 번째 탭 </ DIV> <사업부 제목 = "셋째 탭"iconCls = "아이콘 리로드"폐쇄 = "진정한"스타일 = "패딩 : 10px;"> 세 번째 탭 </ DIV> </ DIV>
우리는 세 가지 탭 패널 (패널)와 구성 요소를 만들고, 두 번째와 세 번째 패널 (패널) 닫기 버튼을 클릭하여 닫을 수 있습니다.