面板组件 :状态查看器

状态查看器组件用于根据配置的状态名称和状态值,展示对应的状态信息。

状态查看器

组件配置

  • ID : 设置组件的ID, 用于在脚本或模板中获取组件实例。
  • 异常名称 : 设置当状态值不在配置的状态值范围内时,显示的异常名称。
  • 默认值 : 设置当状态值为空时,显示的默认值。
  • 状态编辑 : 编辑状态值和对应的状态名称。
  • 脚本 : 组件的脚本配置, 用于自定义组件的行为。
  • 坐标X : 设置X轴的坐标。
  • 坐标Y : 设置Y轴的坐标。
  • 坐标Z : 设置Z轴的坐标。
  • 数据源-状态 : 设置组件的状态数据源。

脚本

脚本上下文 $this

$this 为当前组件实例,您可以通过 $this 对象调用组件的各种方法。

▲ 组件初始化

void init()

当组件存在init方法时,组件初始化时会调用该方法。

脚本示例:

export function init() {
    // your code here
}

▲ 设置/获取状态值

number value(number value)

请求参数:

  • value : <数值> 可选项, 设置当前状态数值。

返回值:<数值> 当前显示数值

模板示例:

{{$widget("statusViewer").value()}}

脚本示例:

// 设置数值内容
$this.value(123);
$widget("statusViewer").value(123.45);

// 获取数值内容
let value = $this.value();
let value = $panel.widget("statusViewer").value();
2024 © Bittly 沪ICP备2023006101号-2