JavaScript 활용팁
HOME > WEB > JavaScript 활용팁
2010.09.20 / 21:48

[Ext JS] A Viewport always occupies the whole window area

메리야스
추천 수 237
제목없음

viewport로 레이아웃(layout)을 잡았는데, 아무리 해도 renderTo: Ext.get(‘main-content’) 가 먹질 않았다. main-content는 아래와 같이 따로 만들어 둔 공간이다.

 

<body>

<div id='container' style="position: relative; width: 900px; top: 24px; left: 64px; font-size: 11px">
    <div id='main-content'></div>
</div>

</body>

 

알고 나면, 간단한 건데도, 꽤 헤맸다. 결론은? viewport를 사용할 경우에는, renderTo 로 특정 영역에 가둘 수 없다.

 

http://www.yui-ext.com/forum/showthread.php?t=77446

Viewport automatically renders to the body, fits the browser viewport and maintains size when the window is resized.
Why don't you give the Viewport a layout - border would probably suit you, then add your custom div to the north region and the TabPanel to the center region.


A Viewport always occupies the whole window area.
But how are you hoping that the Viewport (Which you have noticed is a Container) is going to layout and possibly size any items you place in it?

 

만약, 레이아웃을 만들고, 그걸 특정 영역에 가두고 싶으면, Viewport 대신 Panel을 쓰면 된다.

 

http://extjs.net/forum/showthread.php?p=222063#post222063

 

region : ‘west’, ‘east’, ‘north’, ‘south’, ‘center’ 는 viewport에서만 사용할 수 있는 게 아니었다.