MVC3-Ansicht als Pop-up-Fenster

Ich das öffnen will Ansicht als pop-up-Fenster.

Hier ist meine
controller

 #region Send Voting Email
    [HttpGet]
    [OutputCache(Location = OutputCacheLocation.None)]
    [Authorize]
    public ActionResult SendVotingEmail(string CampID)
    {
        try
        {
            var model = (new CampManager()).GetCampDetails(CampID);
            var user = (Bank.Security.BankMembershipUser)Membership.GetUser();

            Models.Camp.EmailModel VotingModel = new Models.Camp.EmailModel();
            VotingModel.CampID = CampID;
            VotingModel.BankName = user.BankName;
            VotingModel.Message = "";

            return RedirectToAction("Send", VotingModel);
            //(new CampManager()).SendEmail(CampID, user.BankName,"");
            //return Content("Email send successfully.");
        }
        catch(Exception ex)
        {
            return Content("Sorry, An error occured while sending Voting Email. Please contact Administrator.");
        }
    }
    #endregion

    #region Send Voting mail popup
    [HttpGet]
    public ActionResult Send(Models.Camp.EmailModel model)
    {
        return View(model);
    }
    [HttpPost]
    public ActionResult Send(Models.Camp.EmailModel model,string CampID)
    {
        (new CampManager()).SendEmail(model.CampID,model.BankName,model.Message);
        return Content("Email send successfully.");
    }
    #endregion

Sendmail.cshtml

<input type="button" id="ClickMe" name = "ClickMe" value="Send Voting Email" onclick="SendEmail('@Model.CampID');" />
<script type="text/javascript">
        $(function () {
            $('#ClickMe').click(function () {
                window.open('/Camp/Send/', 'mail', 'height=' + (window.screen.height - 100) + ',width=200,left=' + (window.screen.width - 250) + ',top=10,status=no,toolbar=no,resizable=yes,scrollbars=yes');
            });
        });
 function SendEmail(CampID) {
        $('#sendEmailProgressBar').css("visibility", "visible");        
        $.get('/bank/Camp/SendEmail?CampID=' + CampID, function (data) {
            $('#sendEmailProgressBar').css("visibility", "collapse");        
            alert(data);
        });
</script>

Senden.cshtml

@model Bank.Models.Camp.EmailModel

@{
    Layout = null;
 }

<!DOCTYPE html>

 <html>
<head>
    <title>Send</title>
</head>
<body>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>EmailModel</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.CampID)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CampID)
            @Html.ValidationMessageFor(model => model.CampID)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.BankName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.BankName)
            @Html.ValidationMessageFor(model => model.BankName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Message)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Message)
            @Html.ValidationMessageFor(model => model.Message)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

Ich möchte zu öffnen pop-Fenster, Wenn ich auf ClickMe button SendMail.cshtml. Wenn ich kilcken Sie auf diese Schaltfläche Pop-up-Fenster öffnen, aber es zeigt, was code of Senden.cshtml anzeigen. Ich weiß nicht, warum dies geschieht. Wird es änderungen in meinen code zum öffnen von pop-up-Fenster?

MVC3-Ansicht als Pop-up-Fenster

  • ist die tag mit der id " ClickMe einen submit-button?
  • Nein, es ist Typ-Taste
  • die Ansicht, die Sie öffnen möchten, in dem popup-Fenster?
  • Ich möchte Sie auf Senden.cshtml öffnen sich als pop-up-Fenster
  • ich habe es getestet mit kein problem.
  • Können Sie post-Codes?
  • ____ja sicherlich.

InformationsquelleAutor Ajay P | 2012-12-13
  1. 2

    Versuchen, diese

        <script type="text/javascript">
         function OpenWindow(query, w, h, scroll) {
    var l = (screen.width - w) / 2;
    var t = (screen.height - h) / 2;

    winprops = 'resizable=0, height=' + h + ',width=' + w + ',top=' + t + ',left=' + l + 'w';
    if (scroll) winprops += ',scrollbars=1';
    var f = window.open(query, "_blank", winprops);
}


            $(function () {
                $('#ClickMe').click(function () {
                     OpenWindow('@Url.Action("Send","Camp")', width, height, true); 
                });
            });
    </script>

    //In-Controller 

    [HttpGet]
    public ActionResult Send()
    {

      //prepared your model object here
        var model = new Models.Camp.VotingEmailModel();
        return View(model);
    }
    InformationsquelleAutor Shivkumar
  2. 1

    überprüfen diese Frage.die zweite Antwort ist genau das, was Sie wollen.es öffnet sich ein neues Fenster, wenn Sie das Formular Absenden.Sie können sogar anpassen, Fenster, Einstellungen, bevor Sie Ihre form in das neue Fenster.

    • ich bearbeitet meine post.hoffe, das hilft.
    • Ich habe gerade mein edit-code. kannst du bitte gesehen?
    • ist Sie ' r popup-Anzeige nun korrekt?
    • Nein, Es zeigt meinen code an .cshtml-Datei.
    • haben Sie getestet, eine andere Aktion mit einem anderen Blick?
    • Ich Teste es in einem Beispiel-Projekt funktioniert perfekt, aber in meiner ursprünglichen Projekt, das ich mit " Klick-Ereignis der Schaltfläche. also ich denke, das ist, warum ich bin nicht immer meine pop-up
    • lassen Sie uns weiter, diese Diskussion im chat

    InformationsquelleAutor Behnam Esmaili
Schreibe einen Kommentar