Deshabilitar botón dentro de UpdatePanel para evitar duplicidad

[Bravenap]

Muy buenas. He visto muchos ejemplos de cómo deshabilitar un botón al enviar un formulario para evitar que se pulse varias veces. La cuestión es que el botón (y otros controles) que quiero deshabilitar temporalmente están dentro de un UpdatePanel de .Net y al deshabilitarlos no se realiza el submit. Este es el ejemplo:

Código vb:

<script type="text/javascript">
    $(document).ready(function() {
        $('#<%= btnBuscarSolicitud.ClientID %>').click(function() {
            $(this).attr('disabled', 'disabled');
        });
    });
</script>
<asp:UpdatePanel ID="updPrueba" runat="server">
    <ContentTemplate>
        Código de solicitud: <asp:TextBox ID="txtCodSolicitud" runat="server" Width="12em" MaxLength="16"></asp:TextBox> 
        <asp:Button ID="btnBuscarSolicitud" runat="server" Text="Buscar" />
    </ContentTemplate>
</asp:UpdatePanel>
 

Gracias y un saludo.

[tredio]

trata deshabilitandolo en el evento submit del formulario

[Bravenap]

Gracias por la respuesta. Efectivamente esa fue mi primera opción.

El problema está en que entonces debería recoger el control que ha generado el envío del formulario, ya que la página tiene varios UpdatePanel con sus respectivos controles que pueden realizar el submit para refrescar sólo su contenedor.

Otra opción sería hacer una llamada AJAX directamente sin utilizar UpdatePanel, pero hay algunas operaciones más complejas que usando UpdatePanel se simplifican.

Un saludo.

[tredio]

ok, entonces trata colocando un div transparente encima del boton, para que no pueda ser presionado.

[Bravenap]

Gracias tredio por las respuestas. Al final he optado directamente por AJAX y quitarme de en medio los UpdatePanel, además de que así, se mejora en carga de transferencia. Este es el resultado:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnBuscarSolicitud').click(function() {
            CodSolicitud();
        });
    });
    function CodSolicitud() {
        var codSolicitud = $('#<%= txtCodSolicitud.ClientID %>').val();
        $('#updProgSolicitudes').show();
        $('#desSolicitudes > input').attr('disabled', 'disabled');
        PageMethods.wmValidaCodSolicitud(codSolicitud, CodSolicitudComplete, CodSolicitudError);
    }
    function CodSolicitudComplete(resultado) {
        $('#updProgSolicitudes').hide();
        $('#desSolicitudes > input').removeAttr('disabled');
        if (resultado != "") { $('#lblMensajeSolicitud').html(resultado); }
    }
    function CodSolicitudError(ex) {
        $('#updProgSolicitudes').hide();
        $('#desSolicitudes > input').removeAttr('disabled');
        $('#lblMensajeSolicitud').html(ex.get_message());
        alert(ex.get_message());
    }
</script>
 

Código HTML:

<ControlesPersonalizados:MarcoContenidos ID="marcoSolicitudes" runat="server" 
        Titulo="Solicitudes" EstiloMarcoContenidos="width: 400px; float: left;">
            <div id="updProgSolicitudes" class="updProg">
                <asp:Image ID="imgProcesoSolicitudes" runat="server" ImageUrl="~/imagenes/progreso.gif" /> Comprobando...
            </div>
            <div id="desSolicitudes">
            Código de solicitud: <asp:TextBox ID="txtCodSolicitud" runat="server" Width="12em" MaxLength="16"></asp:TextBox> 
            <input type="button" id="btnBuscarSolicitud" value="Buscar" /><br />
            </div>
            <span id="lblMensajeSolicitud" class="alerta"></span>
</ControlesPersonalizados:MarcoContenidos>
 

Un saludo.

[tredio]

sin duda hacerlo todo con ajax directamente es mas rapido (cargando) pero no sabia si sugerirte cambiar todos los update panel era buena idea jeje, bueno ya solucionaste que es lo importante.