<HTML>
<HEAD>
<TITLE>使用EXT输出HelloWorld</TITLE>
<!-- 导入extjs配置 … ... -->
<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
var panel = new Ext.Panel({
width: 600,
height: 500,
title: '父面板',
layout: 'border',
renderTo: 'form',
items:[{
title: '面板一',
region: 'north',
height: 100
},{
title: '面板二',
region: 'south',
height: 70
},{
title: '面板三',
region: 'west',
split: true,//可以拉大拉小
collapsible: true,//一点就隐藏一点就出现
width: 150
},{
title: '面板四',
region: 'east',
width: 100
},{
title: '面板五',
region: 'center',
layout: 'border',
items:[{
title: '子面板1',
region: 'west',
width: '50%',
split: true
},{
title: '子面板2',
region: 'center'
}]
}]
});
});
</script>
</HEAD>
<body id="form">
</body>
</HTML>
布局之border
最新推荐文章于 2024-05-03 17:27:49 发布
459
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
