レイアウトのborder
1829 ワード
<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>