论坛首页 Web前端技术论坛

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

浏览 7103 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-03-10  

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

 

 

   发表时间:2008-03-11  
翻译的很不错。就是太零星了。下载来学习一下
0 请登录后投票
   发表时间:2008-03-11  
更新Ext.layout.ColumnLayout部分!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics