Ext.layout.AbsoluteLayout

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

原创最新推荐文章于 2023-06-02 07:15:00 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #HTML

EXT 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了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"}
]
});