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.
- 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.
- 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.
1: model.RegisterContext(typeof(NWDataContext),
2: new ContextConfiguration() { ScaffoldAllTables = true });
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" />
Bueno espero que les ayude este post a enriquecer sus app.
Romny