本文展示了一个使用Ext.js实现的Column布局示例，通过创建Panel并设置布局为column，展示了如何在一个界面上同时显示两个子面板，并配置了各自的属性如高度、宽度和样式。
<script type="text/javascript">
Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
layout:'column',
title:'Ext.layout.conatiner.Column布局示例',
frame:false,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
frame:true,
height:70,
width:100,
bodyStyle:'background-color:#FFFFFF;padding:15px'
},
items:[{
title:'子面板一',
width:100
},{
title:'子面板二',
width:100
}]
});
});
</script>
Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
layout:'column',
title:'Ext.layout.conatiner.Column布局示例',
frame:false,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
frame:true,
height:70,
width:100,
bodyStyle:'background-color:#FFFFFF;padding:15px'
},
items:[{
title:'子面板一',
width:100
},{
title:'子面板二',
width:100
}]
});
});
</script>
扫一扫
1002
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
