0

Necesito que mi @Html.ActionLink(); me ejecute un onclick() y luego me ejecute el controlador que le mando como sobrecarga esto es lo que tengo.

@Html.ActionLink("Delete", "DeleteMunicipality", new { id = item.MunicipalityId }, new { @class = "btn btn-danger", onClick = "swal({   title: 'Are you sure?',   text: 'You will not be able to recover this imaginary file!',   type: 'warning',   showCancelButton: true,   confirmButtonColor: '#DD6B55',   confirmButtonText: 'Yes, delete it!',   closeOnConfirm: false }, function(){   swal('Deleted!', 'Your imaginary file has been deleted.', 'success');});" })`
6
  • 1
    debería funcionar así como está.Te da algún problema? no se está ejecutando?
    – Alan
    Commented el 10 jun. 2016 a las 17:27
  • Pues amigo lo que pasa es que cuando le doy click al botón me funciona el onclick pero es solo como un pantallaso rapido, es decir no hace bien la tarea solo muestra la alerta pero muy rápido y debería de quedarse un rato porque tiene alguna funcionalidad de botones, pero pasa de largo y hay mismo se ejecuta el controllador Commented el 10 jun. 2016 a las 18:26
  • puedes intentar atrapar el click con jquery en vez de utilizar el onclick.
    – Alan
    Commented el 10 jun. 2016 a las 18:42
  • puedes darme algun link de referencia porfa? Commented el 10 jun. 2016 a las 18:49
  • Sí. perdona, te doy una mano ni bien termine acá en el trabajo.
    – Alan
    Commented el 10 jun. 2016 a las 18:50

1 respuesta 1

1

Si el ActionLink() realiza un submit al servidor lo que hayas ejecutado en el cliente no tendrias ninguna validez, lo que recomendaria es que trabajes todo en codigo cliente.

Podrias definir un link simple en html y asignarle jquery para realizar la accion

<a id="link1" valor="@item.MunicipalityId" >Delete</a>

<script>
   $(function(){
      $("#link1").click(function(){

           //aqui realizas la accion que necesites

           var params = {
              id: $(this).attr('valor');
            };

           $.ajax({
             type: "POST",
             url: '@Url.Action("Delete", "DeleteMunicipality")',
             data: params,
             datatype: "html",
             success: function (data) {
                 //codigo
             }
           });

      });
   });
</script>

La idea es que ejecutes la accion que necesites en codigo cliente y lugo usando jquery con $.ajax invoques el action del controller

Posting Data With jQuery AJAX In ASP.NET Razor Web Pages

jQuery Ajax GET and POST calls to Controller's Method in MVC

5
  • Amigo en la parte de succes no iria nada o si ? Commented el 10 jun. 2016 a las 19:18
  • sino necesitas hacer nada a la vuelta de la invocacion del action puede quitar el succes de $.ajax Commented el 10 jun. 2016 a las 19:25
  • ya pero a la hora de ejecutar me dice function is not defined, y a la etiqueta a hay que agrégale el href para poder darle click. que procede? Commented el 10 jun. 2016 a las 19:33
  • al parecer no me reconoce la libreria de jquery, que esta en el _layaout Commented el 10 jun. 2016 a las 19:37
  • podrias usar el developer tools del browser al cual accedes con F12 para ver si hay un error de javascript, valida que '<script>' lo defines correctamente referenciando a jquery Commented el 10 jun. 2016 a las 20:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.