サイトのバックグラウンドの簡単なレイアウト(上左右方式)


Ext.onReady(function() {

			new Ext.Viewport({

						enableTabScroll : true,
						layout : "border",
						items : [{
									title : '  ',
									region : 'north',
									height : 50,
									collapsible : true,//      
									html : '<h3 align="center">      </h3>'
								}, {
									title : '    ',
									region : 'west',
									width : 200,
									collapsible : true,//      
									html : '    '
								}, {
									xtype : 'tabpanel',
									region : 'center',
									
									items:[{
									title:'   '
									},{
									title:'   '
									}]

								}]
					})

		})

 
 
<%@ page language="java" contentType="text/html; charset=gb2312"
	pageEncoding="gb2312"%>
<%
	request.setAttribute("base", request.getContextPath());
%>

<html>
	<head>
		
		<title>      </title>
		<link rel="stylesheet" type="text/css"
			href="${base}/script/ext/resources/css/ext-all.css">
		<script type="text/javascript"
			src="${base}/script/ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
		<script type="text/javascript" src="${base}/script/sample/third.js"></script>
		
	</head>
	<body>
		
		
	</body>
</html>