绝对位置布局（AbsoluteLayout）

最新推荐文章于 2023-06-02 07:15:00 发布

yue2008

最新推荐文章于 2023-06-02 07:15:00 发布

阅读量686

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS_3.0 文章标签： EXT HTML

本文链接：https://blog.youkuaiyun.com/yue2008/article/details/83630386

ExtJS_3.0 专栏收录该内容

35 篇文章

订阅专栏

本文介绍Ext布局中的AbsoluteLayout，一种基于坐标定位的布局方式，支持固定值及百分比配置，适用于精确控制子元素位置的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.layout.AbsoluteLayout扩展自Ext.layout.AnchorLayout布局，其xtype值为absolute。根据子面板中配置的x/y坐标进行定位，并且坐标值支持使用固定值和百分比两种形式。

new Ext.Panel({
	renderTo: "div2",
	frame: true,
	layout: "absolute",
	title: "绝对位置布局（AbsoluteLayout）",
	width: 500,
	height: 300,
	defaults: {
		bodyStyle: "padding:3px; background-color: #FFFFFF"
	},
	items: [
		{x:10, y:10, width:200, title:"嵌套面板1", html:"嵌套面板1"},
		{x:10, y:"50%", height:100, title:"嵌套面板2", html:"嵌套面板2"}
	]
});