可视化元件手册

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

Check Box (With Label)带标签的勾选

名称:

Check Box (With Label) | 带标签名称的勾选

图标:

功能:

  • 带标签名称的勾选框
  • 是组合元件,内部包含了一个Check Box勾选元件和一个Label字符标签元件
  • 组合元件HTML标签为label,其样式类名称为checkbox
  • 点选放入后,可直接命名,名称是标签部分显示的内容,所以在输入框前显示什么标题可以直接以命名方式添加(标签中有从父元件取得名称传入标签显示标题变量“<Caption>”的逻辑)
    · 输入标题时,如下面示例图中“输入姓名:”这样命名是可以的,但如果字符后面不是中文全角“:”而是英文的冒号“:”,则提示无法输入,同样“ * ? / ” | < > ”等字符都不可以用在名称中

使用方式:

带标签的勾选框

  • 大小形状边距字体颜色边框等由样式来定义,可对组合元件(默认名称为Check Box (With Label))、组合元件中的标签元件(默认名称为Label)及下拉选择元件(默认名称为Selection Field)单独用添加“html.style”属性的方式定义样式,单独定义的属性类和属性比样式文件中定义的值优先级更高
  • 如果想要添加一个“<On Change>”固定名称的事件处理子元件,用来设计一个输入有变更的逻辑处理事件,则可以右键单击组合元件中的的Check Box勾选元件在弹出的菜单中添加子元件处理
  • 带标签名称的输入框主要添加在表单元件、弹窗内容元件或一个Pane显示块元件中,用于设计一个信息提交时的人机交互界面,如果选项内容固定比如是否、同意不同意、批准不批准等,可以用此元件设计选项

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以定义勾选元件的大小:height:40px;width:40px;
  • 可以使用样式类,除了在元件中添加的“<Style Class>”中传入样式类名称设定样式外,也可在“html.styleClass”属性中设定类名称