添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
睿智的海龟  ·  How do you ...·  2 年前    · 
瘦瘦的菠萝  ·  Android Studio ...·  2 年前    · 
爱跑步的佛珠  ·  Angular Web App will ...·  2 年前    · 

多选框是控件组件的一种,可以作为多选表单在可视化应用中使用,将用户选择的数据提交到后端进行处理。或者通过交互配置,在其他组件上显示用户选择的内容。本文介绍多选框各配置项的含义。

  • 搜索配置 :单击 配置 面板右上角的 搜索配置 ,可在 搜索配置 面板中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见 搜索资产配置
  • 图表尺寸 :包括组件的宽度和高度,单位为px。可单击 锁定长宽比按键 图标锁定组件的宽高比,等比例修改组件的宽高。再次单击进行解锁,解锁后宽高比不受限制。
  • 图表位置 :包括组件的 横坐标 纵坐标 ,单位为px。 横坐标 为组件左上角距离页面左边界的像素距离, 纵坐标 为组件左上角距离页面上边界的像素距离。
  • 旋转角度 :以组件的中心为中心点,进行旋转,单位为度(°)。
  • 手动输入角度值,控制组件的旋转角度。
  • 拖动 圆圈旋转控制图标 图标内的黑点,控制组件的旋转角度。
  • 单击 左右翻转图标 图标,控制组件左右翻转样式。
  • 单击 上下翻转图标 图标,控制组件上下翻转样式。
  • 不透明度 :取值范围为0~1。为 0 时,图表隐藏;为 1 时,图表全部显示。默认为 1
  • 默认选中 :默认选中的选项,默认为 B
  • 对齐方式 :选择对齐的方式,可选 水平 或者 垂直对齐
  • 选项尺寸 :选择的尺寸大小,包括选项的宽度和高度大小,单位px。
  • 间距 :设置选项之间的距离和多选框按钮与文本之间的选项内部距离,单位px。
  • 全选按钮 :打开开关,可自定义输入配置 全选文字 配置项;关闭开关,不显示 全选文字 配置项。
  • 字体 :多选框中文本的字体样式。
  • 文字粗细 :文本的字体粗细。
  • 字号 :文本字号的大小。
  • 颜色 :多选框中文本的颜色。
  • 边框宽度 :按钮外圈边框的宽度。
  • 边框颜色 :按钮外圈边框的颜色。
  • 边框圆角 :按钮外圈边框的圆角,取值范围为0~360。数值为0的时候按钮外圈边框为方形,数值为360时按钮外圈边框为圆形。
  • 线条类型 :边框的线条类型。包括 实线 虚线 点线 双实线 雕刻效果 浮雕效果 陷入效果 突出效果
  • 背景色 :多选框按钮的背景颜色。
  • 选中样式 :多选框被选中时的样式。 选中样式
    • 字体 :选中文本的字体样式。
    • 文字粗细 :选中文本的字体粗细。
    • 字号 :选中文本字号的大小。
    • 颜色 :多选框中选中文本的颜色。
    • 边框宽度 :按钮外圈边框的宽度。
    • 边框颜色 :按钮外圈边框的颜色。
    • 边框圆角 :按钮外圈边框的圆角,取值范围为0~360。数值为0的时候按钮外圈边框为方形,数值为360时按钮外圈边框为圆形。
    • 线条类型 :边框的线条类型。包括 实线 虚线 点线 双实线 雕刻效果 浮雕效果 陷入效果 突出效果
    • 背景色 :多选框被选中时的背景颜色。
    • 钩子颜色 :多选框内选中钩子的颜色。
    • 钩子大小 :多选框内选中钩子的大小,单位倍。 "animationDuration": 1000, // 显示动画函数,可选linear|easeInOutQuad|easeInOutExpo。 "animationEasing": "linear" // 隐藏动画。 "animationOut": { // 动画方式,可选fade,不填无动画。 "animationType": "fade", // 隐藏延时,单位为ms。 "animationDuration": 1000, // 隐藏动画函数,可选linear|easeInOutQuad|easeInOutExpo。 "animationEasing": "linear"

      将组件移动到指定位置。参考数据示例如下。

          {
            // 移动方式。绝对定位:to,相对定位:by。默认值:to。
              "positionType": "to",
            // 指定位置。x坐标,y坐标。
            "attr": {
              "x": 0,
              "y": 0
            // 动画方式。
            "animation": {
              "enable": false,
              // 动画延时。
              "animationDuration": 1000,
              // 动画曲线。可选值为:linear|easeInOutQuad|easeInOutExpo。
              "animationEasing": "linear"
      
  •