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
    }
});