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 DynamicDataFieldTemplatesDateTime_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.

DinamicData DinamicData1

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

Romny

Publicado por

Romny Duarte

Ingeniero de sistemas con experiencia en desarrollo web y móvil, geek, amante de la lectura y de la tecnología.

Un comentario en “Enriqueciendo ASP.NET Dynamic Data con Ajax Control Toolkit”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *