Problema con jquery y eventos c#

olimpiatupapa · #1 (**permalink**) 16/05/2010, 16:03

Hola quisiera saber como puedo hacer para mantener el estado de una pagina despues de llamar a un evento click de un asp:button porque al ejecutar este me recarga la pagina y pierdo mi estado actual de jquery... este es un ejemplo.

Tengo un formulario oculto que se hace visible al hacer click en el input nuevo
pero al hacer el click en mi asp:button se me recarga la pagina y vuelvo al estado incial y se me vuelve a ocultar el formulario y quiero mantenerlo ahi para ingresar mas datos hasta que le de click al input cancelar y volver al estado inicial.

codigo c#

Código:

 
protected void btnGuardar_Click(object sender, EventArgs e)
{
       usuario.Guardar(txtApellido.Text, txtNombre.Text);
}

codigo html

Código:

<head runat="server">
  
<script type="text/javascript">
        $(function() {
            $('#nuevo').click(function() {
                $('#controles').slideUp('fast');
                $('#formulario').slideDown('fast');
            });
            $('#cancelar').click(function() {
                $('#formulario').slideUp('fast');
                $('#controles').slideDown('fast');
                
            });
        });
    </script>

</head>

<body>
    <form id="form1" runat="server">
    <div id="controles">
        <b>Acciones</b>
        <table>
            <tr>
                <td>
                    <input type="button" id="nuevo" value="Nuevo usuario" />
                </td>
                <td>
                </td>
            </tr>
        </table>
        
    </div>
    <div id="formulario" style="display:none";>
        <b>Formulario</b>
        <table >
            <tr>
                <td>
                   Nombre
                </td>
                <td>
                   <asp:TextBox runat="server" ID="txtNombre"></asp:TextBox></td>
                                    
            </tr>
            <tr>
                <td>
                    Apellido    
                </td>
                <td >
                    <asp:TextBox runat="server" ID="txtApellido"></asp:TextBox></td>
           
            </tr>
            <tr>
                <td>
                    <asp:Button id="btnGuardar" runat="server" Text="Guardar" 
                        onclick="btnGuardar_Click"/> 
                </td>
                <td>
                    
                    <input type="button" id="cancelar" value="Cancelar" />
                </td>
              
                
            </tr>
        </table>
        
    </div>
    </form>
</body>

JavierB · #2 (**permalink**) 17/05/2010, 00:06

Hola olimpiatupapa. Bienvenido al foro.

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Web general.

Saludos,

juaniquillo · #3 (**permalink**) 17/05/2010, 08:46

creo que necesitas quitarle la funcionalidad al botón dentro de click():

Código Javascript:

Ver original$('#nuevo').click(function() {
    $('#controles').slideUp('fast');
    $('#formulario').slideDown('fast');
    return false;
});