Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
layout:'absolute',
title:'Ext.layout.container.Absolute布局示例',
frame:false,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
frame:true,
height:70,
width:100,
bodyStyle:'background-color:#FFFFFF;padding:15px'//设置面板体的背景色
},
items:[{
x:10,//横坐标为距父容器左边缘10像素的位置
y:10,//纵坐标为距父容器上边缘10像素的位置
html:'子面板一',
title:'子面板一'
},{
x:130,//横坐标为距父容器左边缘130像素的位置
y:40,//纵坐标为距父容器上边缘40像素的位置
html:'子面板二',
title:'子面板二'
}]
});
});
(32)ExtJS之Panel中Absolute绝对位置布局
最新推荐文章于 2020-12-23 11:52:10 发布
本文通过一个示例展示了ExtJS中Panel如何使用Absolute布局,详细解释了如何设置子组件在父容器内的绝对位置,包括横纵坐标和样式配置。
摘要由CSDN通过智能技术生成