panel 布局 viewPort 简单介绍
Ext.onReady(function() { new Ext.Panel({ renderTo:Ext.getBody(), title:'面板头部header', width:500, height:600, html:'<h1>面板主区域</h1>', tbar:[{ pressed:true, text:'刷新' }], bbar:[{ text:'底部工具栏bottomToolbar' }], buttons:[{ text:'按钮位于footer' }] })new Ext.Viewport({//可视区域的特殊容器（浏览器可视区域）//renderTo : Ext.getBody(),//可以不要enableTabScroll : true,layout : 'fit',// 自适应布局方式items : [{title : '面板',html : '',bbar : [{text : '按钮1',pressed:true}, {text : '按钮2',pressed:true}]}]})})?
<%@ 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>?