Ext 2 常用布局类简介(Container、AchorLayout、FitLayout等)

@class Ext.layout.ContainerLayout

 

每一个布局都内置有一个或多个{@link Ext.Container}的元素,而在Ext中,ContainerLayout是 ContainerLayout没有任何的外观表示,只是为特定功能的容器作为布局提供基础性的逻辑。 应通过继承该类的方式使用,一般很少通过关键字new直接使用。

 

@class Ext.layout.FitLayout

@extends Ext.layout.ContainerLayout

 

这是包含单个项布局的基类,这种布局会在容器上自动铺开以填充整个容器。 应通过继承此类或设置{@link Ext.Container#layout}的配置layout:'fit' 的方式创建,一般很少通过关键字new直接使用。

 

FitLayout没有直接的配置选项(不同于继承) 要采用FitLayout填充容器的面板,只需设置容器的layout:'fit'和加入一个面板。 即使容器指定了多个面板,只会渲染第一个面板。用法举例: 

var p = new Ext.Panel({
    title: 'Fit Layout',
    layout:'fit',
    items: {
        title: '内层面板',
        html: '<p>这是内层面板的内容</p>',
        border: false
    }
});

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值