我想打开查看作为弹出窗口。
这是我的 的控制器
#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>
Send.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>
我想打开弹出窗口当我点击 SendMail.cshtml 的 ClickMe 按钮时。当我在这个按钮上弹出弹出窗口时,它会显示 Send.cshtml 视图的代码。我不知道为什么会这样。我的代码是否有任何更改才能打开弹出窗口?
答案 0 :(得分:2)
试试这个
<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>
//在控制器
中[HttpGet]
public ActionResult Send()
{
//prepared your model object here
var model = new Models.Camp.VotingEmailModel();
return View(model);
}
答案 1 :(得分:1)
检查this问题。第二个答案正是您想要的。当您提交表单时,它会打开一个新窗口。您甚至可以在将表单提交到新窗口之前自定义窗口设置。