EasyUI Layout 레이아웃

기록정리노트 2019/3/13

레이아웃을 설정할 때div를 요약해서 div(class="easyui-layout")에 들어가야 north south 등을 설정할 수 있습니다. 그리고 데이터-options에 속성을 설정해야 합니다. "north"는 인용부호를 붙여야 합니다. 그렇지 않으면 오류를 보고합니다.

split:true 설정 각 레이아웃 사이의 간극 차이 역시 데이터-options에서 title 스타일을 설정할 수 있습니다

split 레이아웃 사이의 경계collapsible 기본값true는false로 설정된 후에만 닫히고 표시되지 않는 상태입니다
전역 디스플레이 레이아웃을 설정하면 개괄적인div에서 바디로 바꿉니다.

add 및 remove 기능의 구현:

function a(){
		$('#DD').layout('add',{
		    region: 'west',
		    width: 140,
		    title: 'West Title',
		    split: true,
		   	iconCls : 'icon-add'
		});
	}
	function Remove(){
		$('#DD').layout('remove','west');
	}

영역 패널 옵션(Region Panel Options)

영역 패널 옵션(Region Panel Options)은 패널(panel) 어셈블리에 정의되며 다음과 같은 공통 및 새로운 속성이 있습니다.
이름:
타입
묘사
기본값
title
string
레이아웃 패널의 제목 텍스트입니다.
null
region
string
레이아웃 패널(layout panel)의 위치를 정의합니다. 이 값은 north,south,east,west,center 중 하나입니다.
 
border
boolean
true로 설정하면 레이아웃 패널(layout panel)의 테두리가 표시됩니다.
true
split
boolean
true로 설정하면 패널 크기를 변경할 수 있는 분할 막대가 표시됩니다.
false
iconCls
string
패널(panel) 헤드에 아이콘의 CSS 클래스를 표시합니다.
null
href
string
원격 사이트에서 데이터를 로드하는 URL입니다.
null
collapsible
boolean
축소 가능 버튼의 표시 여부를 정의합니다.
true
minWidth
number
패널의 최소 너비.
10
minHeight
number
패널 최소 높이.
10
maxWidth
number
패널의 최대 너비입니다.
10000
maxHeight
number
패널의 최대 높이입니다.
10000

메서드

이름:
매개 변수
묘사
resize
none
레이아웃(layout)의 치수를 설정합니다.
panel
region
지정한 패널 (panel) 을 되돌려줍니다.'region '매개 변수의 가능한 값은'north','south ','east','west ','center' 입니다.
collapse
region
지정한 패널 (panel) 을 접으면'region '인자가 가능한 값은'north','south ','east','west '입니다.
expand
region
지정한 판넬(panel)을 펼치면'region'매개 변수의 가능한 값은'north','south','east','west'입니다.
add
options
지정한 패널 (panel) 을 추가하고 옵션 파라미터를 설정 대상으로 합니다. 자세한 내용은 탭 패널 (tab panel) 속성을 참고하십시오.
remove
region
지정한 패널 (panel) 을 제거하고'region '매개 변수의 가능한 값:'north','south ','east','west '.