ExtJS 布局-Center布局（Center layout）

更新记录：

2022年6月12日检查发布。

2022年6月1日开始。

1.说明

center布局将子项放置在容器的中心。

2.设置布局方法

在父容器中设置

layout: 'center',

//或者

layout: {

    type: 'center'

}

3.适合场景

将子组件放置在容器中。

4.实例

4.1实例：中心布局

代码：

{

    xtype: 'panel',

    title: 'Center Layout Example',

    layout: 'center',

    renderTo: document.body,

    width: 1000,

    height: 1000,

    items: [

        {

            draggable: true,

            closable: true,

            collapsible: true,

            constrain: true,

            minHeight: 100,

            title: 'Centered Content Panel',

            width: '75%', // 75% of the container width

            html: 'Some content'

        }

    ]

}

巴特西

ExtJS 布局-Center布局（Center layout）

1.说明

2.设置布局方法

3.适合场景

4.实例

4.1实例：中心布局

最新文章

热门文章