none
como hacer una ventana popup RRS feed

  • Pregunta

  • Hola Estoy programando en Visual Studio 2013 en Visual Basic con ASPX con MVC 4  necesito hacer una ventana Popup alguien me puede ayudar por favor .

    Haciendo click en un ActionLink me deberia mostrar la ventana popup.

    no se como hacerlo

    Esperando su pronta ayuda

    lunes, 2 de diciembre de 2013 2:10

Todas las respuestas

  • Hola,

    Podrías utilizar:

    jQuery UI dialog

    En el enlace anterior podrás ver varios ejemplos. Pero para un caso básico, podrías comenzar por añadir un class a tu ActionLink:

    @Html.ActionLink("Editar", "Editar", null, new { id = 123 }, new { @class = "modal" })

    Debes definir también un contenedor para tú popup:

    div id="mi-popup"></div>

    En tu Controller, retornas una Partial View:

    public ActionResult Editar(int id)
    { 
        MiViewModel modelo = ...
        return PartialView(modelo);    
    }

    Y ya solo te queda abrir tu popup desde javascript:

    <script type="text/javascript">
        $(function () {
            $('#mi-popup').dialog({
                autoOpen: false,
                width: 400,
                resizable: false,
                modal: true
            });
    
            $('.modal').click(function() {
                $('#mi-popup').load(this.href, function() {
                    $(this).dialog('open');
                });
                return false;
            });
        });
    </script>

    Saludos.

     


    Please remember to Vote & "Mark As Answer" if this post is helpful to you.
    Por favor, recuerda Votar y "Marcar como respuesta" si la solución de esta pregunta te ha sido útil.

    lunes, 2 de diciembre de 2013 8:27
  • Haciendo click en un ActionLink me deberia mostrar la ventana popup.

    cuando dices popup apuntas a que se abra otra ventana? como veras aqui

    @Html.ActionLink("Nombre Link", "NombreAccion", null, new { target = "_blank" })

    como veras indicas que el target sea otra ventana

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    lunes, 2 de diciembre de 2013 10:18
  • Hola Leandro!, y si quiero que sea en una nueva ventana y no en otra pestaña? gracias de antemano.
    lunes, 22 de enero de 2018 18:38
  • utiliza bootstrap

    https://www.w3schools.com/bootstrap/bootstrap_modal.asp


    Att. Franklin Andino

    lunes, 22 de enero de 2018 19:07
  • >>si quiero que sea en una nueva ventana y no en otra pestaña?

    en ese caso usarias

    window.open()


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 22 de enero de 2018 21:38