名称:

Radio Button Group | 圆形单选

图标:

e-display-radioselection.PNG

功能:

  • 多个选项中只能勾选一个勾选项的元件
  • 默认有两个选项,可以为选项重命名,用户点击选中其中一个后,自动取消之前选择结果
  • 单击选中的选项名称将作为值传入“”值变量中
  • 父元件是HTML中的div标签对象,实际上是一个组合元件,所有功能由其他元件构建而来

    使用方式:

    多选项单选功能:

  • 大小形状边距字体颜色边框等由样式来定义,可在样式属性中添加样式标签和值,本地浏览器运行测试调整到自己想要的结果;可以用元件样式属性来设计每个选项的样式,也可以设计每个选项中的勾选元件样式

  • 可以用右键添加更多选项子元件

    样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,为选项元件及勾选元件在属性中添加“html.style”即可进行样式标签及值的定义

  • 默认样式定义的文件是“web\styles\bootstrap”下“009-forms.less”文件,查询“radio”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格
    · 修改样式类文件中默认显示样式类方式请参考本章中“带标签的字符输入”一节相关内容
    · 建议最大可能利用LESS框架的样式类进行统一风格设计,将会使项目的设计速度加快、减少设计工作量,同时维护成本大量节省