找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2022-3-25 17:10  /   查看:2289  /  回复:0
通过前面的文章介绍了常见的原子类型,我们接下来看下常见的容器类型,这个也是一种原子类型,容器顾名思义就是用于装载其他组件。容器类型一共有七种,我们来看下。
1、 CollapsePanel
CollapsePanel是一个带可翻页标签的容器。
image.png137133788.png

示例
image.png831626281.png

2、Column

Column是一个垂直容器,其中的元素将被垂直排列。
image.png390555419.png

示例
image.png589745788.png

3、 ColumnSet

ColumnSet 是一个装载上述多个 Column 的容器,它可以决定Column的对齐方式。
image.png791776122.png

示例
image.png848726501.png

4、 Container

Container是一个普通的div容器。
image.png268164977.png

示例
image.png64503172.png

5、FlexContainer
FlexContainer 是一个容器css类:gc-flexcontainer,与flex布局类似。
示例
image.png414785766.png

6、 LabelContainer
LabelContainer 是一个有外边框的容器,边框中嵌入了描述。
image.png916009521.png

示例
image.png36979674.png

7、 TabControl
TabControl是承载多个tab的容器。
image.png138916319.png

示例
image.png803377685.png

以上就是关于常见的容器以及原子组件的介绍了,具体怎么在定制template中使用,可以参考我么前面写的集合贴或者到求助中心寻求支持~

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部