Compartir a través de

Cómo: Personalizar las plantillas de campos predeterminados de datos dinámicos de ASP.NET

  • Artículo

Actualización: noviembre 2007

Puede personalizar el modo en que las plantillas de campo predeterminadas muestran, editan e insertan los datos, modificando sus propiedades.

Para obtener más información sobre las plantillas de campo predeterminadas, vea Plantillas de campos predeterminados de datos dinámicos de ASP.NET.

Nota:

Los cambios que se realizan en una plantilla de campo predeterminada se aplicarán a todas las páginas y controles en los que se utiliza la plantilla en toda la aplicación web.

El procedimiento siguiente muestra cómo agregar un color de fondo a Text_Edit.ascx, una de las plantillas de campo proporcionadas en un proyecto de datos dinámicos de forma predeterminada.

Para personalizar una plantilla de campo predeterminada

  1. En Visual Studio 2008 o Visual Web Developer 2008 Express abra el sitio web de datos dinámicos de ASP.NET.

  2. En la carpeta DynamicData/FieldTemplate, abra la plantilla de campo predeterminada que desee modificar y cambie a la vista Código fuente.

  3. Modifique el código para personalizar la plantilla de campo

    Por ejemplo, puede agregar el siguiente fragmento de código para modificar la plantilla de campo Text_Edit.ascx

    <asp:TextBox ID="TextBox1"  BackColor="Yellow" Text='<%# FieldValueEditString %>'></asp:TextBox>

    Este fragmento de código agrega una propiedad de color de fondo al marcado y lo establece en amarillo. El código de Text_Edit.ascx modificado será similar al ejemplo de código siguiente.

Ejemplo

El ejemplo de código siguiente muestra la plantilla de campo Text_Edit.ascx modificada. Esta plantilla de campo modificada cambia el color de fondo del cuadro de texto que muestra los tipos de datos String, Decimal, Double y Int32 a amarillo cuando una tabla está en el modo de edición. Esta modificación afecta a cualquier fila del sitio web que esté en modo de edición:

<%@ Control Language="VB" Inherits="System.Web.DynamicData.FieldTemplateUserControl" %>

<asp:TextBox ID="TextBox1"  BackColor="Yellow" Text='<%# FieldValueEditString %>'></asp:TextBox>
<asp:RequiredFieldValidator  ID="RequiredFieldValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:RegularExpressionValidator  ID="RegularExpressionValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:DynamicValidator  ID="DynamicValidator1" ControlToValidate="TextBox1" Display="Dynamic" />

<%@ Control Language="C#" Inherits="System.Web.DynamicData.FieldTemplateUserControl"%>

<asp:TextBox ID="TextBox1"  BackColor="Yellow" Text='<%# FieldValueEditString %>'></asp:TextBox>
<asp:RequiredFieldValidator  ID="RequiredFieldValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:RegularExpressionValidator  ID="RegularExpressionValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:DynamicValidator  ID="DynamicValidator1" ControlToValidate="TextBox1" Display="Dynamic" />

Compilar el código

  • Microsoft Visual Studio 2008 Service Pack 1 o Visual Web Developer 2008 Express Service Pack 1.  

  • La base de datos de ejemplo AdventureWorksLT. Para obtener información sobre la forma de descargar e instalar la base de datos de ejemplo de SQL Server, vea Microsoft SQL Server Product Samples: Database en el sitio CodePlex. Asegúrese de que instala la versión correcta de la base de datos de ejemplo para la versión de SQL Server que esté ejecutando (Microsoft SQL Server 2005 o Microsoft SQL Server 2008).

  • Un sitio web de datos dinámicos. De este modo, se puede crear un contexto de datos para la base de datos y la clase que contiene el campo de datos que se va a personalizar y los métodos que se van a invalidar. Además, se crea el entorno en el que se va a usar la página descrita anteriormente. Para obtener más información, vea Tutorial: Crear un nuevo sitio web de datos dinámicos con la técnica scaffolding

Vea también

Tareas

Cómo: Personalizar la visualización de campos de datos en el modelo de datos

Conceptos

Plantillas de campos predeterminados de datos dinámicos de ASP.NET