可视化元件手册

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

Check Box勾选

名称:

Check Box | 勾选

图标:

功能:

  • 勾选框
  • 用户点击时图标显示打勾,其中的“<Checked>”布尔变量值自动传入Yes值;再次点击则不勾选状态,值改为No
  • 是HTML中的input标签对象,类型为checkbox

使用方式:

勾选框设计

  • 大小形状边距字体颜色边框等由样式来定义,可在样式属性中添加样式标签和值,本地浏览器运行测试调整到自己想要的结果
  • 可以添加一个“<On Change>”固定名称的事件处理子元件,用来设计一个输入有变更时的逻辑处理事件
  • 可以添加一个“<Style Class>”固定名称的样式类名称变量元件,用来设计按逻辑处理不同结果传入不同样式类名称,让元件显示不同样式

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以定义勾选框大小:height:18px;width:18px;
  • 可以使用样式类,除了在元件中添加的“<Style Class>”中传入样式类名称设定样式外,也可在“html.styleClass”属性中设定类名称
  • 默认样式定义的文件是“web\styles\bootstrap”下“009-forms.less”文件,查询“input”即可找到所有样式定义内容,可以修改某些默认的样式为自己的显示风格