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>