可以将自定义 HTML 控件绑定到一个客户端的某个屏幕 LightSwitch app 的。使用自定义控件，可以显示或集合的方法超过内置 HTML 控件大小的功能 LightSwitch的方式。
引用自定义控件
若要使用在屏幕的自定义控件，必须先添加文件引用添加到项目，然后添加一个脚本标记。default.htm 文件。
引用自定义控件
在 解决方案资源管理器，从工具栏上的列表中选择 文件视图。
打开 脚本 文件夹的快捷菜单，选择 添加，然后选择 现有项。
选择自定义控件的 JavaScript (.js) 文件，然后选择 添加 按钮。
.gif "说明")
说明这些自定义控件要求您也可以引用其他支持文件。有关自定义控件的参考文档的链接。
在 <script>default.htm 文件的节项目中，添加下面的示例类似，MyControl 是您的自定义控件名称的脚本标记：
<script type=”text/javascript” src=”Scripts/MyControl.js” charset=”utf-8”></script>
添加新控件和替换现有控件
可以将新的自定义控件添加到屏幕或替换现有的 HTML 控件在 LightSwitch。
向屏幕添加自定义控件
在 屏幕内容树，选择任何组。
在 屏幕设计器 工具栏上，在 添加布局项 列表中，选择 自定义控件。
添加自定义控件 对话框打开。
在 为新自定义控件指定数据 文本框中，输入绑定到的项目或集合绑定到控件。
例如，输入 Customers.selectedItem.PostalCode 绑定到客户的邮政编码或输入 Customers.selectedItem 绑定到整个客户记录。
添加将数据绑定到该控件的指定属性的代码。
有关更多信息，请参见 为自定义控件属性的数据绑定 本主题。
使用自定义控件替换现有的控件
在 屏幕内容树，选择要替换的控件。
在 属性 窗口中，打开 控件类型 列表，然后选择 自定义控件。
添加将数据绑定到该控件的指定属性的代码。
有关更多信息，请参见 为自定义控件属性的数据绑定 本主题。
将数据绑定到自定义控件的属性
您必须将您在 Add Custom Control (添加自定义控件) 对话框中指定的数据绑定到该自定义控件的特定属性。
将数据绑定到自定义控件的属性
在 屏幕内容树，选择自定义控件。
在 属性 窗口中，选择 编辑呈现代码 超链接。
在代码编辑器中，添加类似于下面的示例对呈现方法的代码：
createMyControl(element, contentItem, “max-width: 300px; max-height: 300px”);此代码将呈现控件运行时。用您的控件的名称替换 MyControl，并根据需要更改 max-height 和 max-width 参数。
添加控件需要的其他功能的代码。有关自定义控件的参考文档的链接。