Romny Duarte

Enriqueciendo ASP.NET Dynamic Data con Ajax Control Toolkit

Hola a todos.

Bueno siguiendo con este tema de ASP.NET Dynamic Data quisiera mostrarles como enriquecer un poco el site con Ajax Control Toolkit.

Para esto vamos a usar dos controles de Ajax Control Toolkit, los cuales son Calendar Extender y Validator Callout Extender.

• Lo primero es crear el Web Site de ASP.NET Dynamic Data.
• Para obtener datos usaremos a la ya conocida Northwind.
• Añadimos un LINQ to SQL classes vinculándola con Northwind; para nuestro ejemplo solo usaremos la tabla Employees.
• En el Global.asax habilitamos la siguiente línea.

   1: model.RegisterContext(typeof(NWDataContext), 

   2: new ContextConfiguration() { ScaffoldAllTables = true });

• Para nuestro ejemplo vamos a editar la fecha y queremos que se use el control Calendar Extender y Validator Callout Extender, los que conocen esta BD sabes que la fecha de nacimiento permite valores nulos, pero para el ejemplo vamos a hacer que valide que sea requerido el campo.
• Vamos a la carpeta DynamicData\FieldTemplates\DateTime_Edit.ascx y vamos a colocar los siguientes líneas o así debería quedar.

   1: <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" 

   2: TagPrefix="cc1" %>

   3:  

   4: <asp:TextBox ID="TextBox1" runat="server" CssClass="droplist" 

   5:     Text='<%# FieldValueEditString %>' Columns="20"></asp:TextBox>

   6: <cc1:CalendarExtender ID="CEDate" runat="server" TargetControlID="TextBox1">

   7: </cc1:CalendarExtender>

   8: <cc1:ValidatorCalloutExtender ID="VCEDate" runat="server" 

   9:     TargetControlID="RequiredFieldValidator1" 

  10:     HighlightCssClass="validatorCalloutHighlight">

  11: </cc1:ValidatorCalloutExtender>

  12: <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" 

  13:     CssClass="droplist" ControlToValidate="TextBox1" Display="None" 

  14:     ErrorMessage="Fecha de nacimiento requerida." />

  15: <asp:RegularExpressionValidator runat="server" ID="RegularExpressionValidator1" 

  16:     CssClass="droplist" ControlToValidate="TextBox1" 

  17:     Display="Dynamic" Enabled="false" />

  18: <asp:DynamicValidator runat="server" ID="DynamicValidator1" 

  19: CssClass="droplist" ControlToValidate="TextBox1" Display="Dynamic" />

• Como podrán ver solo lo que eh echo es colocar mis controles de Ajax Control Toolkit y habilitar el control RequiredFieldValidator que por defecto viene deshabilitado.
• Ahora veamos unas imágenes viendo los controles en funcionamiento.

Bueno espero que les ayude este post a enriquecer sus app.

Romny