레이아웃은 레이아웃 패널입니다: 즉, 레이아웃 컨테이너에는 북쪽, 남쪽, 동쪽, 서쪽 및 중앙의 5개 레이아웃 영역이 있습니다. 중앙 영역 패널이 필요하지만 중앙 영역 패널 가장자리 영역 패널은 선택 사항입니다. 패널의 각 가장자리 영역은 테두리를 드래그하여 조정할 수 있습니다. 사용자가 복잡한 레이아웃을 구축할 수 있도록 레이아웃을 중첩할 수 있습니다. 프레임 크기에 따라 각 영역의 프레임을 변경하려면 코드 복사 코드는 다음과 같습니다. <br> //분할 속성: true로 설정하면 구분선이 표시됩니다. , 사용자는 구분 막대를 드래그하여 레이아웃 패널의 크기를 변경할 수 있습니다. <br> // href 속성: 지정된 영역의 페이지에 본문을 로드하고 다른 부분은 로드하지 않습니다 <br> // Panel 프레임워크에서는 이러한 일반적인 선택을 볼 수 있습니다(필요에 따라 변경 가능). : var match = Pattern.exec(data); } else {<br> ; <br> function getPanel() {<br> var southPanel = $("#layoutbody").layout('panel', 'south');<br> //패널 속성 가져오기<br> var attribute = southPanel . panel('options');<br> console.info(attributes); //각 속성, 브라우저 디버깅을 볼 수 있습니다. 설명은 다음과 같습니다. 이 프레임워크를 사용하고 js를 사용하여 직접 프런트엔드 코드를 작성하세요. , 브라우저 디버깅은 필수입니다. Firefox 또는 Google<br> }<br> < div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
