实践实验室 4 - 配置窗体和视图

场景

在此实验室中，你将为模型驱动型应用配置窗体和视图。

Contoso Real Estate 希望跟踪两个关键元素：

• 房地产物业清单
• 已安排谁制作房地产物业展示资料

要学习的知识

• 如何配置表窗体
• 如何配置表视图

概要实验室步骤

• 配置 Real Estate Property 和 Showing 的主窗体
• 配置选项卡和分区
• 向窗体中添加列
• 添加子网格
• 创建新窗体
• 将安全角色与窗体关联
• 配置 Real Estate Property 和 Showing 的视图
• 筛选器视图
• 配置“快速查找”视图

先决条件

• 必须已完成“实验室 2：数据模型

详细步骤

练习 1 - Real Estate Property 主窗体

在本练习中，你将修改 Real Estate Property 表的主窗体。

任务 1.1 – 主窗体布局和列

1. 导航到 Power Apps 制作者门户 (https://make.powerapps.com)

2. 确保你位于 Dev One 环境中。

3. 选择解决方案。

4. 打开“物业清单”解决方案**。

5. 选择 Real Estate Property 表。**

6. 在数据体验下，选择窗体。

7. 选择“窗体类型”为“主要”的“信息”窗体，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。********

8. 在窗体设计器的左侧选择“树状视图”。**

9. 选择常规选项卡。

10. 在“名称”中输入 generalTab 。

11. 在右侧的“属性”窗格中，在“布局”下拉列表中选择“3 列”。****

    

12. 在“树状视图”中，展开“常规”选项卡。**** 选择第一个分区，然后输入 generalSection 作为名称。**

13. 选择第二个分区，然后输入 Timeline 作为标签，输入 timelineSection 作为名称。****

14. 选择第三个分区，然后输入 Related 作为标签，输入 relatedSection 作为名称。****

15. 将“Owner”字段拖到“标题”区域中。****

    

16. 选择第一个分区。

17. 从窗体设计器的左侧导航栏中选择“表列”。**

18. 将“Client”列拖到“Property Name”字段下方。****

19. 选择“Street”列以将其添加到窗体中的“Client”下方。****

20. 选择“City”列以将其添加到窗体中的“Street”下方。****

21. 从窗体设计器的左侧导航栏中选择“组件”。**

22. 选择“1 列分区”控件以将其添加到窗体。**

23. 输入 Details 作为标签，输入 detailsSection 作为名称。****

24. 从窗体设计器的左侧导航栏中选择“表列”。**

25. 选择“Asking Price”列以将其添加到“Details”分区。**

26. 选择“Currency”列以将其添加到窗体中的“Asking Price”下方。****

27. 选择“Bedrooms”列以将其添加到窗体中的“Currency”下方。****

28. 选择“Bathrooms”列以将其添加到窗体中的“Bedrooms”下方。****

    

任务 1.2 – 添加时间线控件

1. 从窗体设计器的左侧导航栏中选择“树状视图”。**

2. 选择“Timeline”分区。**

3. 从窗体设计器的左侧导航栏中选择“组件”。**

4. 展示“展示”。**

5. 选择“时间线”控件以将其添加到“Timeline”分区。****

6. 从窗体设计器的左侧导航栏中选择“树状视图”，展开“常规”选项卡，然后选择“Timeline”分区。****

7. 在右侧的“属性”窗格中，选中“隐藏标签”框。****

   

8. 在“树状视图”中，选择时间线的“注释文本”控件。****

9. 在右侧的“属性”窗格中，选择“社交活动”，取消选中“启用”框，然后选择“完成”。******

10. 在右侧的“属性”窗格中，从“活动排序依据”下拉列表中选择“创建日期”。****

11. 从窗体设计器的左侧导航栏中选择“表列”。**

12. 将“Status Reason”列拖到“标题”区域中。****

任务 1.3 – 添加“快速视图”控件

1. 在窗体设计器的左侧选择“树状视图”。**

2. 选择“Related”分区。**

3. 从窗体设计器的左侧导航栏中选择“组件”。**

4. 展示“展示”。**

5. 选择“快速视图”控件以将其添加到“Related”分区。****

6. 对于“查找”，请选择“Client”，对于“联系方式”，请选择“account contact card”，然后选择“完成”。********

任务 1.4 – 添加选项卡

1. 从窗体设计器的左侧导航栏中选择“组件”。**

2. 选择“1 列选项卡”控件以将其添加到窗体。**

3. 输入 Showings 作为标签，输入 showingTab 作为名称。****

4. 在窗体设计器的左侧选择“树状视图”，展开“Showings”选项卡，然后选择“新建分区”分区。****

5. 输入 Showings 作为标签，输入 showingSection 作为名称。****

6. 从窗体设计器的左侧导航栏中选择“组件”。**

7. 展开“网格”。**

8. 选择“子网格”控件以将其添加到“Showings”分区。****

9. 选择“显示相关记录”。**

10. 对于“表”，请选择“Showings”，对于“默认视图”，请选择“Active Showings”，然后选择“完成”。********

11. 输入 Showings 作为标签，输入 showingsSG 作为名称。****

12. 选择“隐藏标签”。**

13. 选择保存并发布。

14. 关闭窗体设计器。**

15. 选择“完成” 。

练习 2 - Showing 主窗体

在本练习中，你将修改“Showing”表的主窗体。

任务 2.1 – 主窗体布局和列

1. 导航到 Power Apps 制作者门户 (https://make.powerapps.com)

2. 确保你位于 Dev One 环境中。

3. 选择解决方案。

4. 打开“物业清单”解决方案**。

5. 选择“Showing”表。**

6. 在数据体验下，选择窗体。

7. 选择“窗体类型”为“主要”的“信息”窗体，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。********

8. 将“Owner”字段拖到“标题”区域中。****

9. 从窗体设计器的左侧导航栏中选择“表列”。**

10. 将“Real Estate Property”列拖到“Name”字段下方。****

11. 选择“Shown to”列以将其添加到窗体中的“Real Estate Property”下方。****

12. 选择“Shown by”列以将其添加到窗体中的“Shown to”下方。****

13. 选择“Showing Date”列以将其添加到窗体中的“Shown by”下方。****

14. 选择“Level of Interest”列以将其添加到窗体中的“Showning Date”下方。****

15. 选择“Comments”列以将其添加到窗体中的“Level of Interest”下方。****

16. 在右侧的“属性”窗格中，将“窗体字段高度”增加到“3 行”。****

17. 选择保存并发布。

18. 关闭窗体设计器。**

19. 选择“完成” 。

练习 3 - 多个窗体

在本练习中，你将创建一个新窗体，并使用安全角色限制访问。

任务 3.1 – 安全角色

1. 导航到 Power Apps 制作者门户 (https://make.powerapps.com)

2. 确保你位于 Dev One 环境中。

3. 选择解决方案。

4. 打开“物业清单”解决方案**。

5. 依次选择“+ 新建”、“安全性”和“安全角色”。****

6. 输入 Property admin 作为角色名称。**

7. 选择自定义实体选项卡。

8. 选择“Real Estate Property”表 4 次，以将所有权限的访问级别更改为“组织”。****

   

9. 选择“Showing”表 4 次，以将所有权限的访问级别更改为“组织”。****

10. 选择保存并关闭。

11. 选择完成。

任务 3.2 – 复制窗体

1. 选择“Showing”表。**

2. 在数据体验下，选择窗体。

3. 选择“窗体类型”为“主要”的“信息”窗体，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。********

4. 选择“Level of Interest”，然后在“属性”窗格中选择“只读”。****

5. 选择“Comments”，然后在“属性”窗格中选择“只读”。****

6. 选择“保存副本”。

7. 输入 Showing admin form 作为显示名称，然后选择“保存”。****

   

8. 选择“窗体设置”。**

9. 选择“Property admin”安全角色。**

   

10. 选择保存并发布。

11. 关闭窗体设计器。**

12. 选择“完成” 。

练习 4 - Real Estate Property 的视图

在本练习中，你将修改 Real Estate Property 表的视图。

任务 4.1 - Real Estate Property 公共视图

1. 导航到 Power Apps 制作者门户 (https://make.powerapps.com)

2. 确保你位于 Dev One 环境中。

3. 选择解决方案。

4. 打开“物业清单”解决方案**。

5. 选择 Real Estate Property 表。**

6. 在数据体验下，选择视图。

7. 选择“Active Real Estate Properties”视图，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。******

8. 选择“Created On”列旁边的插入号，然后选择“移除”。****

9. 选择“Asking Price”列以将其添加到视图。**

10. 选择“City”列以将其添加到视图。**

11. 选择“Bedrooms”列以将其添加到视图。**

12. 选择“Bathrooms”列以将其添加到视图。**

13. 选择“Client”列以将其添加到视图。**

14. 在“属性”窗格中，移除“排序依据”下的“Property Name”。****

15. 在“属性”窗格中，选择“排序依据”，然后选择“Asking Price”。****

    

16. 选择保存并发布。

17. 关闭视图设计器。

18. 选择“完成” 。

任务 4.2 – Real Estate Property“快速查找”视图

1. 选择“Quick Find Active Real Estate Properties”视图，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。

2. 选择“Created On”列旁边的插入号，然后选择“移除”。****

3. 在右侧的“Quick Find Active Real Estate Properties”窗格中，在“查找依据”下选择“编辑查找表列”。

4. 选择以下列，然后选择“应用”。**

   • City
   • 客户端
   • 属性名称

5. 选择保存并发布。

6. 关闭视图设计器。

7. 选择“完成” 。

练习 5 - Showing 的视图

在本练习中，你将修改“Showing”表的视图。

任务 5.1 – Showing 公共视图

1. 导航到 Power Apps 制作者门户 (https://make.powerapps.com)

2. 确保你位于 Dev One 环境中。

3. 选择解决方案。

4. 打开“物业清单”解决方案**。

5. 选择“Showing”表。**

6. 在数据体验下，选择视图。

7. 选择“Active Showings”视图，选择“命令”菜单 (…)，然后选择“编辑” > “在新选项卡中编辑”。******

8. 选择“Created On”列旁边的插入号，然后选择“移除”。****

9. 选择“Real Estate Property”列以将其添加到视图。**

10. 选择“Showing Date”列以将其添加到视图。**

11. 选择“Shown to”列以将其添加到视图。**

12. 选择“Level of Interest”列以将其添加到视图。**

13. 选择“Related”选项卡。**

14. 展开“Real Estate Property”。**

15. 选择“Asking Price”列以将其添加到视图。**

16. 在“属性”窗格中，移除“排序依据”下的“Name”。****

17. 在“属性”窗格中，选择“排序依据”，然后选择“Showing Date”。****

18. 在“保存和发布”下拉菜单中，选择“仅保存”。****

任务 5.2 – 新建 Showing 的视图

1. 选择“另存为”。

2. 在“名称”中输入 High Interest showings 。

3. 选择“保存”。

4. 选择“Level of Interest”列旁边的插入号，然后选择“筛选依据”。****

5. 选择“等于”，然后选择“Very High”和“High”。****

6. 选择“应用”。

7. 选择保存并发布。

8. 关闭视图设计器。

9. 选择“完成” 。