可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Row行

Row行

名称:

Row | 行

图标:

功能:

  • 行元件中的显示元件默认是排成一行显示的
  • 和显示块的作用基本一样,唯一区别是其中放置的显示元件都将排在一行中显示在客户端,除非属性中设定边距及颜色边框等可显示要素,前端也看不到一个没属性的行元件,其主要作用:1、约束了放入其中的其他显示元件的通用属性,同显示块主要功能;
    2、放在列元件中,可以设计一些网格状显示的布局(网格状的显示也可以采用复杂表格来设计)
    · 放在一个列元件时,行元件中对应每列显示的子元件,会自动对齐,按最宽的子元件来分配每列的宽度:
  • 此元件实际上和Pane显示块一样是HTML的div标签,只是图标和默认的样式类不同

使用方式:

将多个元件显示在同一行中

行元件中的显示对象是显示在一行中的:

样式属性:

  • 行元件中的子元件属性可以用样式类来定义宽度,Bootstrap样式框架中,将对象全部宽度设定为12等分,分别用类名span1(十二分之一)、span2(十二分之二)、…span12(100%宽度)来设定宽度
  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 样式及样式类定义请参考“前端及样式设计”一章
  • 默认样式类“row-fluid”定义的文件是“web\styles\bootstrap”下“005-grid.less”文件,查询“row-fluid”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格
    · 比如默认输入框中文本左右边距是6px,可以修改为边距1px
    · 修改样式类文件中默认显示样式类方式请参考本章中“带标签的字符输入”一节相关内容
    · 建议最大可能利用LESS框架的样式类进行统一风格设计,将会使项目的设计速度加快、减少设计工作量,同时维护成本大量节省