Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
layout:'anchor',
title:'Ext.layout.container.Anchor布局示例',
autoScroll:true,
frame:false,
height:150,
width:300,
renderTo:Ext.getBody(),
defaults:{
bodyStyle:'background-color:#FFFFFF;padding:15px'//设置面板体的背景色
},
items:[{
anchor:'r b',//相对于父容器的右边和底边的差值进行定位
width:200,
height:100,
title:'子面板'
}]
});
});
(31)ExtJS之Panel面板锚定位中的参考边定位
最新推荐文章于 2020-06-22 17:10:39 发布
本文通过一个示例展示了如何在ExtJS中使用Anchor布局,特别是如何进行参考边定位,创建了一个高度为150,宽度为300的Panel,并设置其子面板根据右边界和下边界进行定位。
摘要由CSDN通过智能技术生成