<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登录界面</title>
<script typt="text/javascript" src="../ext/ext-all.js"></script>
<link rel="stylesheet" href="../ext/resources/css/ext-all.css"/>
</head>
<body>
<div id=""></div>
<script typt="text/jjavascript">
Ext.onReady(function () {
var autoPanel=new Ext.panel.Panel({
title:'box布局',
renderTo:Ext.getBody(),/*进行渲染*/
height:300,
width:400,
frame:true,
layout:{
type:'hbox',
align:'stretch'
},
defaults:{
collapsible:true/*展开收缩*/
},
renderTo:Ext.getBody(),
items:[{/*元素集*/
title:'header',
fles:1,
html:'上边部分/北边'
},{/*元素集*/
title:'center',
fles:2,
html:'中间部分'
},{/*元素集*/
title:'east',
fles:3,
html:'右边/东边'
},{/*元素集*/
title:'west',
fles:3,
html:'左边/西边'
},{/*元素集*/
title:'footer',
fles:4,
html:'下边部分/南边'
}]
});
});
</script>
</body>
</html>
box布局
猜你喜欢
转载自blog.csdn.net/weixin_42666837/article/details/83001253
今日推荐
周排行