使用小组件 > 2D > 值显示
  
值显示
这个小组件有什么功能?
“值显示”小组件可用于获取简单的数据值,并连同其上下文一起显示在体验中。
何时会用到这个小组件?
当您想要在体验中加入 ThingWorx 的简单属性值时,会用到“值显示”小组件。例如,如果维修技师正在对发电机进行维护,并且想要在体验中显示发电机的电源状态,则可使用“值显示”小组件,并将发电机的“PowerStatus”属性作为数据绑定到“值显示”小组件。
这个小组件中是否有专用的属性、服务、事件或操作?
若要查看小组件常用的属性、服务和事件的列表,请参阅小组件的通用属性、服务和事件
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
启用基于状态的格式
enableStateFormatting
boolean
允许您根据 ThingWorx 中定义的状态定义设置小组件的格式。
选中此复选框,则会显示以下属性:
从属字段
状态定义
例如,如果标签的“状态定义”的值为 error,则标签将变成红色。
有关 ThingWorx 中的样式和状态定义的更多信息,请参阅 ThingWorx 帮助中心中的“样式和状态定义”
从属字段
* 
启用“启用基于状态的格式”时可见。
stateFormatValue
string
如果选中“启用基于状态的格式”复选框,则此属性可见。有关 ThingWorx 中的样式和状态定义的更多信息,请参阅 ThingWorx 帮助中心中的“样式和状态定义”
状态定义
* 
启用“启用基于状态的格式”时可见。
stateFormat
boolean
如果选中“启用基于状态的格式”复选框,则此属性可见。有关 ThingWorx 中的样式和状态定义的更多信息,请参阅 ThingWorx 帮助中心中的“样式和状态定义”
类型
type
Type
选择下列项之一:
“行内”- 仅显示值,而不显示标签
“与标签在行内”- 显示值和标签
“堆叠标签”- 使值与标签竖直对齐
“堆叠标签 KPI”- 使值与标签竖直对齐;可使用 CSS 样式提供小组件的链接
* 
例如,可以将目标设置为 100,如果值为 75,则会根据提供的 CSS 样式来使用。
小组件的显示效果
以下是小组件的显示效果示例!
使用时的必要步骤
显示效果
1. “值显示”小组件拖放到工作区。
2. “标签”字段中输入您想要显示的文本。在本示例中,我们对这个值显示加上 RPMs 的标签。
3. “数据”窗格中,搜索想要将其 GetPropertyValuesGetImplementingThingsWithData 服务添加到体验中的实体。
4. 添加完服务之后,在“当前选择的项”下面找到您想要与值显示绑定的属性,然后将其拖放到“值显示”小组件中。在“选择绑定目标”窗口中选择“值”