【extjs6学习笔记】1.5 初始:关于布局

absolute

绝对布局,这个布局使用 x 和 y 属性来指定组件的绝对定位

accordion

手风琴布局【可折叠布局】这个布局展示了在一个时间里只有一个内置的可支持折叠和展开的子级 panel

border

border布局,最多可以将页面分割为"东南西北中"五部分,是最常用的一种布局方式。我们可以根据项目的实际需求保留其中的部分区域,而将其他部分隐藏掉。

card

管理多个子组件, 每个都完全填满父容器, 而每次仅显示一个

tab

Ext.tab.Panel

anchor

这个布局使你能够指定子级组件的大小,而这是相对于布局容器的。首先容器根据指定的锚点规则调整然后所有的子级组件再作调整

center

这种布局,容器的子组件在中间

column

把整个容器看成一列,然后向容器放入子元素。用此布局,你可以将容器划分为指定数量的列并指定每列所占的大小

fit

一个子元素将充满整个容器(如果多个子元素则只有一个元素充满整个容器)

hbox

水平box,所有组件水平依次排列

table

这个布局允许你渲染一个表格出来。你可以指定列数和行数,使用 rowspan 和 colspan 创建复杂布局

vbox

垂直box,所有组件垂直依次排列

   

   

官方给出来以下例子

   

api中有

   

   

参考:

http://examples.sencha.com/extjs/6.5.0/examples/kitchensink/?classic#layouts

上面的连接可能变化

http://blog.csdn.net/u012116457/article/details/48803883

原文地址:https://www.cnblogs.com/ningth/p/6905816.html