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>
?