可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Button Group按钮组

Button Group按钮组

名称:

Button Group | 按钮组

图标:

功能:

  • 可以将多个按钮放一起统一管理
  • 是将几个按钮放入一个容器中一起显示,区别于前面提到的其它显示容器的是,按钮组放按钮元件后,默认的按钮的圆角在中间的部分将变为直角且各按钮之间不是分离的,按钮连在一起
  • 此元件实际上和Pane显示块一样是HTML的div标签,只是图标和默认的样式类不同

使用方式:

将多个按钮放在一起

其中的按钮默认显示在一行,父级元件空间不够时内部按钮元件自动换行显示;如果同一行显示,和其他元件一样从左上到右下方式排列即是从左到右显示按钮

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行””样式标签及值的定义
  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 样式及样式类定义请参考“前端及样式设计”一章
  • 默认样式类“btn-group”定义的文件是“web\styles\bootstrap”下“017-button-groups.less”文件,查询“btn-group”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格
    · 修改样式类文件中默认显示样式类方式请参考本章中“带标签的字符输入”一节相关内容
    · 建议最大可能利用LESS框架的样式类进行统一风格设计,将会使项目的设计速度加快、减少设计工作量,同时维护成本大量节省