Ext 2.0 でレイアウト - 平松祥史の日記

とりあえず左右に分けてみた。「左側にメニューがあって……」みたいな画面ならこれでOK。

<html>
<head>
<script type="text/javascript" src="ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.0/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
    var viewport = new Ext.Viewport({
        layout:'border',
        items:[
            { region: 'west', el: 'west-div' },
            { region: 'center', el: 'center-div' }
        ]});
});
</script>
<link rel="stylesheet" type="text/css" href="ext-2.0/resources/css/ext-all.css" />
</head>
<body>
<div id="west-div" style="background-color: #DDDDFF">West Div</div>
<div id="center-div" style="background-color: #FFDDDD">Center Div</div>
</body>
</html>