LightSwitch 应用程序的 HTML 客户端屏幕

使用 Microsoft LightSwitch for Visual Studio 更新 2，可以创建 HTML 为移动设备显示经过优化的客户端屏幕。本主题介绍可用于创建屏幕基于 HTML5 工具，可以使用模型屏幕和某些可以执行的任务设计您的 LightSwitch 应用程序的最佳屏幕的模板。

有关使用 HTML 屏幕客户端的端对端示例，请参见 演练：为移动用户创建 LightSwitch 客户端。

HTML 客户端

将一个或多个 HTML 客户端向现有 LightSwitch 应用程序，也可以创建仅包含一个 HTML 客户端的 Microsoft LightSwitch for Visual Studio 更新 2 应用程序。每个 HTML 客户端在其 LightSwitch 解决方案中自己的项目包含。

说明
当您将一个 HTML 客户端 项目到 LightSwitch 解决方案时，其升级到 Microsoft LightSwitch for Visual Studio 更新 2。修改解决方案的文件结构，因此，您无法再次打开在没有 Microsoft LightSwitch for Visual Studio 更新 2 安装的计算机上解决方案。 有关更多信息，请参见如何：创建或添加 HTML 客户端项目。

屏幕模板

若要开始，请通过使用下面的屏幕模板之一创建屏幕：

• 浏览屏幕

• 视图详细屏幕

• 添加/编辑器详细信息屏幕

有关如何选择模板的信息，请参见 为 LightSwitch 应用程序的 HTML 客户端选择屏幕类型。

有关如何查找这些的信息，请参见 如何：创建 HTML 客户端屏幕。

屏幕设计器

使用屏幕设计器，可以修改屏幕的模型。屏幕设计器显示数据字段和命令等“项目”和分层表示你想数据的“屏幕内容树”。您可以将项目拖动到屏幕内容树，并按您希望的顺序排列它们。

有关屏幕设计器的更多信息，请参见 屏幕设计器教程。

有关如何执行特定任务的更多信息在屏幕上设计器，请参见 如何：使用屏幕设计器设计 HTML 屏幕。

屏幕设计任务

若要修改屏幕的涉及，您可以执行以下任务：

• 修改屏幕的外观

• 将字段和命令添加到屏幕

• 筛选屏幕上显示的数据

• 向屏幕添加数据

• 自定义在屏幕上之间的导航

• 使用代码修改屏幕

修改屏幕的外观

您可以修改数据在屏幕上的显示方式。例如，可以配置一信息收集出现，在简单列表或平铺的列表。可以更改字段显示在一起或组字段的顺序。

有关更多信息，请参见如何：使用屏幕设计器设计 HTML 屏幕。

将字段和命令添加到屏幕

HTML 屏幕在 LightSwitch 提供内置命令，以便用户可以查看，更新，删除或保存数据。您还可以添加自定义命令和字段。

如果要添加业务逻辑添加到屏幕，添加一个自定义命令。例如，可以添加按钮，以便用户可以显示基于保存销售订单数量的客户列表。有关更多信息，请参见如何：向 LightSwitch 的移动客户端添加按钮。

您可以添加自定义“本地属性”字段，以收集或显示信息。例如，您可以在销售数量按钮旁边添加文本框，以便用户可以指定他们要在列表中显示多少客户。有关更多信息，请参见如何：向 HTML 屏幕添加局部属性。

向屏幕添加自定义控件

通过将自定义控件添加到 HTML 屏幕，可以显示或集合的方法超过控件大小的功能内置于 LightSwitch 的方式。还可以使用自定义控件替换出现在屏幕上的所有内置 LightSwitch 控件。有关更多信息，请参见如何：向 LightSwitch 应用程序的 HTML 屏幕添加自定义控件。

筛选屏幕上显示的数据

您可以通过修改屏幕查询条件对屏幕上显示的数据进行筛选。

设计器的左窗格中显示的每组数据以查询为基础。屏幕显示按这些查询只返回的信息。要更改为数据的一组显示的信息，请修改该查询。

有关更多信息，请参见如何：在 LightSwitch 应用程序的 HTML 客户端中筛选数据。

向屏幕添加数据

您可以向屏幕添加其他类型的数据。例如，在显示客户的屏幕上，您可以添加显示订单列表的数据网格。有关更多信息，请参见如何：向屏幕添加数据。

自定义在屏幕上之间的导航

在 HTML 客户端，只有一个屏幕在 + 任何 + 时间处于活动状态。可以指定用户如何从打开另一个的屏幕，将发生的操作，在屏幕变为非活动状态。

有关更多信息，请参见如何：在 LightSwitch 应用程序中控制 HTML 屏幕之间的导航。

使用代码修改屏幕

您可以将代码添加到 LightSwitch 名为的分部方法，以便，那么，当某些事件发生运行时，将相应地修改屏幕。例如，您可以添加隐藏想要向您的应用程序的用户保持匿名的公司名称的代码。此代码将检查客户的公司名称，那么，当找到匹配时，设置 CompanyName 字段的 IsVisible 属性设置为 False，在信息显示在屏幕上。

有关编写代码，在位置的更多信息参见 如何：在 LightSwitch 应用程序的移动客户端中处理屏幕事件。

有关如何添加更改屏幕的代码的更多信息，请参见 How to: Modify an HTML Screen by Using Code。

相关主题