Open a pop up window on action link in MVC

Question

I want to Open a Crystal Report on Pop up Window on Menu Click

<%= Html.ActionLink("Display Name", "Action","Controller", new { target="blank"})%>

This Above Code works, but it opens on a next tab.I need to open on a pop-up window.

Possible duplicate of [How to have a a razor action link open in a new tab?](https://stackoverflow.com/questions/10851860/how-to-have-a-a-razor-action-link-open-in-a-new-tab) — mjwills, Jan 14 '19 at 05:02
may be [How to trigger window.open by Html.Actionlink in ASP.NET MVC 4](https://stackoverflow.com/q/35325285/2417602) will help. — vikscool, Jan 14 '19 at 08:53
If you are comfortable with bootstrap, you can use Modal popup - https://getbootstrap.com/docs/4.0/components/modal/ — Sahil Sharma, Jan 14 '19 at 11:59

score 1 · Accepted Answer · edited Jan 14 '19 at 11:39

1

I have achieved by using the below code.

$('a.edit').click(function () {
                var url = $(this).attr('href');
                window.open(url, "popupWindow", "width=900,height=600,scrollbars=yes");
                return false;
            });

<%= Html.ActionLink("Display Name", "Action","Controller", new { @class="edit"})%>

edited Jan 14 '19 at 11:39

mjwills

23,389
6
40
63

answered Jan 14 '19 at 09:38

Vishal

11
1
2
5

score 0 · Answer 2 · answered Jan 14 '19 at 05:13

0

target="blank"

this thing is specially used for opening in new tab.....If you copied it unknowingly then remove this and its gonna open in same tab

answered Jan 14 '19 at 05:13

Shubham

443
2
10

i need to open in a popup window .now its opening in an next tab of the same broswer window – Vishal Jan 14 '19 at 06:09
you have to use window.open()for that – Shubham Jan 14 '19 at 06:37
https://stackoverflow.com/questions/3219325/javascript-jquery-open-current-link-in-pop-up-window – Shubham Jan 14 '19 at 06:37
have a look at the link – Shubham Jan 14 '19 at 06:38

score 0 · Answer 3 · answered Jan 14 '19 at 07:35

There are a couple of ways doing it. Use partial view:

steps: 1. create a partial view to load report. 2. Decorate partial view div with bootstrap model class 3. on click of menu anchor write something below.

var reporturl = '/Home/Report';  
$(function () {  
    $("#reportMenu").click(function () {  

        var options = { "backdrop": "static", keyboard: true };  
        $.ajax({  
            type: "GET",  
            url: reporturl,  
            contentType: "application/json; charset=utf-8",  
            data: { "Id": id },  
            datatype: "json",  
            success: function (data) {  
                $('#reportDiv').modal('show');                    

            },  
            error: function () {  
                console.log("Report load failed.");  
            }  
        });  
    });  
    $("#closbtn").click(function () {  
        $('#reportDiv').modal('hide');  
    });        
});  
 </script>

Open a pop up window on action link in MVC

3 Answers3