使用 ThingView Data 属性
可以使用 ThingView 小组件的 Data 属性在 3D 模型和外部源之间执行交叉选择和颜色突出显示。要将此 Data 属性与“栅格”小组件一起使用，请执行以下步骤。
 |
在执行交叉选择之前，必须知道 3D 模型的具体值 ID 路径。
|
创建数据形状
执行以下步骤以创建名称为 SamplePartDataShape 的数据形状：
1. 在 Composer 中，浏览至 > 。
2. 单击“新建”以创建新数据形状。
3. 将“名称”指定为 SamplePartDataShape。
4. 单击“保存”以保存数据形状。
5. 单击“字段定义”以添加字段。
6. 单击“添加”。“新建字段定义”面板随即打开。
7. 创建一个字段，其中包含下列详细信息：
◦ “名称”- IDPath
◦ “基本类型”-“字符串”
◦ 选择“是主键”选项。
8. 保存包含详细信息的字段。
9. 创建并保存第二个字段，其中包含下列详细信息：
◦ “名称”- PartName
◦ “基本类型”-“字符串”
10. 创建并保存第三个字段，其中包含下列详细信息：
◦ “名称”- Stock
◦ “基本类型”-“数字”
◦ 选择“具有默认值”。指定 0 作为默认值。
11. 单击“保存”。
创建事物
执行以下步骤以创建名称为 SamplePartThing 的事物：
1. 在 Composer 中，浏览至 > 。
2. 单击“新建”以创建新事物。
3. 将“名称”指定为 SamplePartThing。
4. 将“基本事物模板”指定为 GenericThing。
5. 单击“保存”以保存事物。
6. 单击“服务”和“添加”以定义在信息表中获取部件详细信息的服务。
7. 指定服务的以下详细信息：
◦ “名称”- GetPartDetails
◦ 指定要添加到数据表中的模型的详细信息。例如，以下示例代码指定了模型的 IDPath、PartName 和 Stock 详细信息：
var data = [
{
"IDPath": "/39",
"PartName": "BLOWER_COMPLETE_K01.PRT",
"Stock": 18
},
{
"IDPath": "/40",
"PartName": "LOWER_HOUSING_COMPLETE_K01.PRT",
"Stock": 35
},
{
"IDPath": "/41",
"PartName": "UPPER_HOUSING_COMPLETE_K01.PRT",
"Stock": 57
}
];
var result = DataShapes.SamplePartDataShape.CreateValues();
for(var i =0;i<data.length;i++) {
result.AddRow(data[i]);
}
{
"IDPath": "/39",
"PartName": "BLOWER_COMPLETE_K01.PRT",
"Stock": 18
},
{
"IDPath": "/40",
"PartName": "LOWER_HOUSING_COMPLETE_K01.PRT",
"Stock": 35
},
{
"IDPath": "/41",
"PartName": "UPPER_HOUSING_COMPLETE_K01.PRT",
"Stock": 57
}
];
var result = DataShapes.SamplePartDataShape.CreateValues();
for(var i =0;i<data.length;i++) {
result.AddRow(data[i]);
}
◦ 在“输出”下，指定以下详细信息：
▪ “输出类型”-“信息表”
▪ “数据形状”- SamplePartDataShape
▪ “信息表类型”-“仅信息表”
8. 单击“完成”保存服务。
9. 保存该事物。
创建样式定义
执行以下步骤创建三种样式定义：
1. 在 Composer 中，浏览至 > 。
2. 单击“新建”以创建新样式定义。
3. 将“名称”指定为 SampleLowStockStyleDefinition。
4. 单击“样式信息”。
5. 将“文本颜色”选择为红色。
6. 单击“保存”以保存样式定义。
7. 创建名称为 SampleMediumStockStyleDefinition 的第二个样式定义。
8. 将“文本颜色”选择为黄色，并保存样式定义。
9. 创建名称为 SampleHighStockStyleDefinition 的第三个样式定义。
10. 将“文本颜色”选择为绿色，并保存样式定义。
创建状态定义
要创建状态定义，请执行以下步骤：
1. 在 Composer 中，浏览至 > 。
2. 单击“新建”以创建新状态定义。
3. 将“名称”指定为 SampleStockStateDefinition。
4. 单击“状态信息”。
5. 在“应用状态”列表中，选择“数字”。
6. 单击“默认”。
7. 将“显示名称”指定为 DefaultStockDisplay。
8. 在“样式”中，搜索要设置为默认值的状态定义。在本示例中，搜索并选择 SampleHighStockStyleDefinition。
9. 保存状态信息。
10. 在“状态信息”中单击“添加”以添加新的状态定义。
11. 在本示例中，将“运算符”值保留为“小于 (<)”。
12. 将“值”指定为 20，将“显示名称”指定为 Low Stock Levels。
13. 搜索并选择 SampleLowStockStyleDefinition。
14. 保存状态信息。
15. 创建第二个状态，将“值”设置为 40，并将“显示名称”设置为 Medium Stock Levels。
16. 搜索并选择 SampleMediumStockStyleDefinition。
17. 保存状态信息。
18. 创建第三个状态，将“值”设置为 100，并将“显示名称”设置为 High Stock Levels。
19. 搜索并选择 SampleHighStockStyleDefinition。
20. 保存默认状态信息。
21. 单击“保存”。
创建混搭
执行以下步骤以创建名称为 SamplePartMashup 的混搭：
1. 在 Composer 中，浏览至 > 。
2. 单击“新建”。“新建混搭”对话框随即打开。
3. 选择“静态”，然后单击“确定”。
4. 将“名称”指定为 SamplePartMashup。
5. 单击“保存”以保存混搭。
6. 单击“设计”。
7. 从“小组件”窗格中，将 ThingView 小组件拖动到布局。
8. 从“小组件”窗格中，将“栅格”小组件拖动到布局。
9. 在固定方框的“数据”下，单击 +。“添加数据”对话框随即打开。
10. 在“选择实体”字段中，搜索您创建的事物。在此示例中，搜索 SamplePartThing 并选择它。将列出该事物可用的服务。
11. 在“选择服务”字段中，搜索在事物中创建的服务。在此示例中，搜索 GetPartDetails。
12. 单击 GetPartDetails 服务中的向右箭头，将其添加到混搭中。
13. 单击“完成”。
14. 在固定方框中，展开 GetPartDetails。
15. 在“已返回数据”下，单击并拖动“所有数据”。随即将列出服务可用的参数。
16. 将“所有数据”参数拖动到 ThingView 小组件。ThingView 小组件的可用参数随即出现。
17. 选择 ThingView 小组件的“数据”参数。部件数据现已绑定到小组件。
18. 同样，在“已返回数据”下，将“所有数据”参数拖动到“栅格”小组件中。将其绑定到“栅格”的数据参数。
19. 在布局中选择 ThingView 小组件。小组件边界与箭头一起显示在布局区域中。
20. 将指针放在箭头上。ThingView 小组件可用的选项列表随即出现。
21. 选择“配置绑定”。“配置小组件”对话框随即出现。
22. 在“事件”下选择 Loaded。
23. 单击“触发的服务”。“添加从此事件触发的服务”对话框随即打开。
24. 选择 GetPartDetails 服务。
25. 在所有打开的对话框中，单击“完成”。
26. 在 ProductToView 属性中，指定 Creo View 结构文件的 URL。
27. 在 OccurrenceField 属性中，选择 IDPath。
 | 如果属性中未显示这些字段，请在混搭中选择 ThingView 小组件以显示数据属性中的可用字段。 |
28. 在 DataFormatter 属性中，单击 State Formatting。“配置状态格式”对话框随即打开。
29. 指定以下详细信息：
◦ 选择“基于状态的格式”选项。
◦ 在“从属字段”中选择 Stock。
◦ 在“状态定义”中选择 SampleStockStateDefinition。
◦ 单击“完成”以保存状态格式。
30. 单击“保存”以保存混搭。
31. 单击“查看混搭”以查看混搭。
在混搭中，单击模型上的部件时，会自动选择表格中相应的行。同样，如果在行中选择了一个部件，则其会在模型中突出显示。