Cómo: Crear plantillas de controles de servidor Web mediante el Diseñador

Actualización: noviembre 2007

Los controles de servidor Web GridView, DetailsView, FormView, DataList y Repeater le permiten especificar plantillas y establecer el marcado y controles de servidor que definen una parte del control. Por ejemplo, en el control GridView, se pueden definir plantillas para elementos, elementos seleccionados, elementos alternativos, etc., de manera que cada uno de estos elementos tenga una apariencia personalizada.

En este tema se describe cómo puede utilizar el diseñador para crear plantillas. Puede crear plantillas directamente en Visual Web Developer. Para obtener información acerca de la creación de plantillas con la sintaxis de ASP.NET, vea Cómo: Crear plantillas de controles Web ASP.NET mediante declaración. Para obtener información general sobre plantillas, vea Plantillas de controles de servidor Web ASP.NET.

Nota:

La sintaxis enlazada a datos que se coloca en un elemento HTML <textarea> en una plantilla estará codificada en HTML si edita la plantilla con el diseñador. Por ejemplo, si editó la plantilla con el diseñador, <textarea id="TextArea1"><%# Eval("Description") %><textarea> se cambia automáticamente a <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>. Como alternativa, puede representar un elemento HTML <textarea> enlazando un control TextBox a su campo de datos y especificando a continuación que la propiedad TextMode del control TextBox es MultiLine.

Para crear una plantilla en Visual Web Developer

  1. En la vista Diseño, arrastre un control GridView hasta la superficie de diseño.

    La lista de tareas del control GridView se muestra junto al nuevo control GridView.

  2. En la lista de tareas, haga clic en Editar plantilla y, a continuación, seleccione la plantilla que desea editar.

    Visual Web Developer muestra el control en el modo de edición de plantillas.

  3. En la plantilla, agregue el texto HTLM y los controles de servidor que desee.

  4. Utilice en la plantilla uno de los tres métodos siguientes para editar los controles que ha agregado, del mismo modo que editaría otros controles de servidor Web:

    • Seleccione el control y, a continuación, utilice la ventana Propiedades para establecer sus propiedades.

    • Enlace los datos a la propiedad desde el cuadro de diálogo DataBinding. Para obtener información detallada, vea Utilizar el enlace de datos con controles de ASP.NET Mobile.

    • Haga doble clic en un control incrustado para crear un controlador de eventos ItemCommand para el control contenedor. Los eventos producidos por controles incrustados se envían al contenedor. Para obtener información detallada, vea Modelo de eventos de control de servidor Web ASP.NET.

  5. Repita los pasos 1 a 3 para editar las otras plantillas.

  6. Para finalizar, haga clic en Terminar edición de plantilla en la lista de tareas.

  7. Defina la apariencia de las plantillas individuales estableciendo sus propiedades. Para obtener información detallada, vea Controles de servidor Web ASP.NET y estilos de CSS.

Vea también

Conceptos

Plantillas de controles de servidor Web ASP.NET

Información general sobre los controles de servidor Web ASP.NET

Controles de servidor Web ASP.NET y estilos de CSS

  • Last updated on