通过

如何：使用设计器创建 Web 服务器控件模板

  • 项目

更新：2007 年 11 月

您可以通过 GridView、DetailsView、FormView、DataList 和 Repeater Web 服务器控件来指定模板，并定义用于定义控件的一部分的标记和服务器控件。例如，在 GridView 控件中，您可以定义项、所选项、交替项等项目的模板，以使这些元素都可以具有自定义的外观。

本主题描述如何使用设计器创建模板。可以在 Visual Web Developer 中直接创建模板。有关使用 ASP.NET 语法创建模板的信息，请参见如何：以声明方式创建 ASP.NET Web 控件模板。有关模板的背景信息，请参见 ASP.NET Web 服务器控件模板。

c9cbwsf3.alert_note(zh-cn,VS.90).gif说明：

如果使用设计器编辑模板，则位于模板的 <textarea> HTML 元素中的数据绑定语法将为 HTML 编码形式。例如，如果使用设计器编辑模板，则 <textarea id="TextArea1"><%# Eval("Description") %><textarea> 将自动更改为 <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>。或者，您可以采用以下方法来呈现 <textarea> HTML 元素：将 TextBox 控件绑定到数据字段，然后将 TextBox 控件的 TextMode 属性指定为 MultiLine。

在 Visual Web Developer 中创建模板

  1. 在“设计”视图中，将一个 GridView 控件拖放到设计图面上。

    GridView 控件任务列表将显示在新 GridView 控件的旁边。

  2. 在该任务列表中，单击**“编辑模板”**，然后选择想要编辑的模板。

    Visual Web Developer 在模板编辑模式下显示控件。

  3. 在该模板中，添加需要的 HTML 文本和服务器控件。

  4. 在该模板中，使用以下三种方法之一编辑已添加的控件，就像编辑其他 Web 服务器控件一样：

    • 选择控件，然后使用**“属性”**窗口设置其属性。

    • 使用**“数据绑定”**对话框将数据绑定到属性。有关详细信息，请参见对 ASP.NET 移动控件使用数据绑定。

    • 双击嵌入的控件以为容器控件创建一个 ItemCommand 事件处理程序。由嵌入的控件引发的事件将被发送到该容器。有关详细信息，请参见 ASP.NET Web 服务器控件事件模型。

  5. 重复步骤 1 到 3 以编辑其他模板。

  6. 若要完成操作，请单击任务列表中的**“结束模板编辑”**。

  7. 通过设置模板样式属性来设置单个模板的外观。有关详细信息，请参见 ASP.NET Web 服务器控件和 CSS 样式。

请参见

概念

ASP.NET Web 服务器控件模板

ASP.NET Web 服务器控件概述

ASP.NET Web 服务器控件和 CSS 样式