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

本文详细介绍了ExtJS中各种布局方式,包括绝对布局、手风琴布局、边框布局等,并解释了每种布局的特点和适用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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.youkuaiyun.com/u012116457/article/details/48803883

转载于:https://www.cnblogs.com/ningth/p/6905816.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值