Extjs4 vbox居中

原创 2013年12月02日 16:54:07

要使用VBox布局方式,首先的熟悉下一下几个主要属性:

一、align:字符类型,指示组件在容器内的对齐方式。有如下几种属性。

    1、left(默认):排列于容器左侧。

    2、center :控件在容器水平居中。

    3、stretch:控件横向拉伸至容器大小

    4、stretchmax:控件横向拉伸,宽度为最宽控件的宽。

二、flex:数字类型,指示组件在容器中水平呈现方式,通俗的讲,就是指示组件在容器中的相对宽度。

三、pack : 字符类型,指示组件在容器的位置,有如下几种属性。

    1、start(默认):组件在容器上边

    2、center:组件在容器中间

    3、end:组件在容器的下边

{  
    title: "信息发布",  
    textAlign: 'center',  
    style: "text-align:center;",  
    layout: {  
        type: 'vbox',  
        align: 'center',  
        pack: 'start'  
    },  
    defaults: {  
        margin: '10 0 0 0'  
    },  
    items: [{  
        xtype: 'panel',  
        layout: {  
            type: 'vbox',  
            align: 'center',  
            pack: 'start'  
        },  
        bodyStyle: 'background-color:transparent;',  
        border: false,  
        items: [{  
            xtype: "button",  
            width: 50,  
            height: 45,  
            iconCls: 'adPublishIcon',  
            ref: 'adPublish'  
        }, {  
            xtype: 'label',  
            text: '广告发布',  
            style: 'color:black;'  
        }]  
    }]  
} 


箱子布局攻略 (HBox/VBox Layout)

一、了解箱子布局 箱子布局是一种新颖的布局方式,其布局模型可以更好地优化 UI 设计的工作。它率先在 XUL 界面语言中被提出,广泛应用于 Mozilla 的应用程序,如 FireFox 等等。在 C...
  • zhangxin09
  • zhangxin09
  • 2010年05月28日 19:50
  • 28786

Extjs4 中垂直水平居中

想做个登陆框,用一个小formpanel垂直水平居中,而且可以适应浏览器窗口的变化,始终居中。很多文章都是写一个居中的div,然后将panel   render to 这个div中。用纯Extjs的方...
  • xiaoyan966
  • xiaoyan966
  • 2015年04月14日 09:13
  • 4049

ExtJS中layout的12种布局风格

·  absolute 顾名思义,在容器内部,根据指定的坐标定位显示  layout: 'absolute', items:[{ title: 'Panel 1', x: 50,...
  • xys_00
  • xys_00
  • 2016年03月13日 21:43
  • 662

ExtJs常用布局--layout详解(含实例)

序言: 笔者用的ExtJs版本:ext-3.2.0 ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor ...
  • fifteen718
  • fifteen718
  • 2016年05月23日 18:27
  • 18546

ExtJs 设置GridPanel表格文本垂直居中

ExtJs 设置GridPanel表格文本垂直居中
  • li396864285
  • li396864285
  • 2013年07月12日 14:49
  • 3665

【ExtJs】折叠式布局与卡片式布局

ExtJs中,除了border布局可以很好地做出成熟的界面,《【ExtJs】利用树状结构、Border布局与标签页刻划OA界面》(点击打开链接),常用的标签页布局《【ExtJs】tabPanel标签页...
  • yongh701
  • yongh701
  • 2015年04月25日 15:07
  • 2723

设置EXtjs中MessageBox的内容居中

在使用Extjs框架进行开发 过程发现,使用Ext.Msg.alert('标题');
  • kun525331194
  • kun525331194
  • 2014年10月29日 16:39
  • 2041

VBox中给已使用的虚拟系统扩充硬盘容量

这是我修改后的结果。从原来的8G不够用了  修改为20G 当我们的硬盘不够用的时候有两种方法,第一种就是增加一个虚拟硬盘,之后配置 http://www.bubuko.com/infodetail...
  • u014717398
  • u014717398
  • 2017年04月13日 09:47
  • 1257

Vbox扩展包的安装

***********************************************声明**********************************************  原创...
  • huangyanlong
  • huangyanlong
  • 2014年09月15日 19:52
  • 2455

vbox下虚拟机同宿主机互相ping,且虚拟机能访问网络的配置

背景:Windows下安装vbox,在vbox中创建Ubuntu 12.04   配置步骤:     1.实现 Ubuntu 同 windows 互相ping         1>在 虚拟机 ...
  • yongchurui
  • yongchurui
  • 2015年06月10日 23:19
  • 6067
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs4 vbox居中
举报原因:
原因补充:

(最多只允许输入30个字)