viernes, 28 de octubre de 2011

AJAX Control Toolkit 4.0

Hola de nuevo bloggers, hoy estuve probando el AJAX Control Toolkit 4.0 y aca les explico como empezar a utilizar algunos de sus controles, mas precisamente a enmascarar cajas de texto de tipo fecha.
Primero en el toolbox seleccionamos el control "scriptmanager"


Codigo

<asp:MaskedEditExtender ID="MaskedEditExtender1" runat="server"
        TargetControlID="TextBox1"
        Mask="99/99/9999"
        MessageValidatorTip="true"
        OnFocusCssClass="MaskedEditFocus"
        OnInvalidCssClass="MaskedEditError"
        MaskType="Date"
        DisplayMoney="Left"
        AcceptNegative="Left"
        ErrorTooltipEnabled="True">
    </asp:MaskedEditExtender>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server"
    TargetControlID="TextBox1"
    PopupButtonID="ImageButton1">
        </asp:CalendarExtender>
        <asp:TextBox ID="TextBox1" runat="server" ValidationGroup="MKE"></asp:TextBox>
        <asp:ImageButton ID="ImageButton1" runat="server"
            ImageUrl="~/images/Calendar_scheduleHS.png"
            CausesValidation="False" />
    <asp:MaskedEditValidator ID="MaskedEditValidator1" runat="server"
        ControlExtender="MaskedEditExtender1"
        ControlToValidate="TextBox1"
        EmptyValueMessage="Date is required"
        InvalidValueMessage="Date is invalid"
        Display="Dynamic"
        TooltipMessage="Input a date"
        EmptyValueBlurredText="*"
        InvalidValueBlurredMessage="*"
        ValidationGroup="MKE" >
    </asp:MaskedEditValidator>

No hay comentarios:

Publicar un comentario