<HTML>
<HEAD>
<TITLE>布局</TITLE>
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
<script type="text/javascript" src="Ext/ext-base.js"></script>
<script type="text/javascript" src="Ext/ext-all.js"></script>
<script type="text/javascript" src="Ext/ext-lang-zh_CN.js" charset="utf-8"></script>
</HEAD>
<script type="text/javascript">
Ext.onReady(function(){
//Ext.Viewport里主要有两个配置参数：layout和items。
var viewport = new Ext.Viewport({
//layout: 'border' 表示我们使用了BorderLayout的布局方式，这各布局方式称为边界布局，它将页面分为东、西、南、北、中5个部分。
layout: 'border',
items: [{
// region为它里面的组件指定具体的放置位置
region: 'north',
height: 40,
html: '<h1>www.family168.com出品</h1>'
},{
region: 'west',
width: 100,
html: '<p>菜单1</p><p>菜单2</p>'
},{
region: 'center',
html: '主要内容'
}]
});
});
</script>
<BODY>
<script type="text/javascript" src="Ext/examples/shared/examples.js"></script>
</BODY>
</HTML>
