我個人認爲這是在許多ASP.Net MVC應用的許多意見，反覆要求。
這就是爲什麼我定義的模型類和局部視圖：
using Resources;
namespace YourNamespace.Models
{
public class SyConfirmationDialogModel
{
public SyConfirmationDialogModel()
{
this.DialogId = "dlgconfirm";
this.DialogTitle = Global.LblTitleConfirm;
this.UrlAttribute = "href";
this.ButtonConfirmText = Global.LblButtonConfirm;
this.ButtonCancelText = Global.LblButtonCancel;
}
public string DialogId { get; set; }
public string DialogTitle { get; set; }
public string DialogMessage { get; set; }
public string JQueryClickSelector { get; set; }
public string UrlAttribute { get; set; }
public string ButtonConfirmText { get; set; }
public string ButtonCancelText { get; set; }
}
}
而我的部分觀點：
@using YourNamespace.Models;
@model SyConfirmationDialogModel
<div id="@Model.DialogId" title="@Model.DialogTitle">
@Model.DialogMessage
</div>
<script type="text/javascript">
$(function() {
$("#@Model.DialogId").dialog({
autoOpen: false,
modal: true
});
$("@Model.JQueryClickSelector").click(function (e) {
e.preventDefault();
var sTargetUrl = $(this).attr("@Model.UrlAttribute");
$("#@Model.DialogId").dialog({
buttons: {
"@Model.ButtonConfirmText": function() {
window.location.href = sTargetUrl;
},
"@Model.ButtonCancelText": function() {
$(this).dialog("close");
}
}
});
$("#@Model.DialogId").dialog("open");
});
});
</script>
然後，每次你需要它在一個視圖的時候，你只需要使用@ Html.Partial（在部分腳本中做了JQuery定義）：
@Html.Partial("_ConfirmationDialog", new SyConfirmationDialogModel() { DialogMessage = Global.LblConfirmDelete, JQueryClickSelector ="a[class=SyLinkDelete]"})
訣竅是指定JQu與需要確認對話框的元素相匹配的eryClickSelector。在我的情況下，與類SyLinkDelete所有錨，但它可能是一個標識符，不同類等對我來說是一個列表：
<a title="Delete" class="SyLinkDelete" href="/UserDefinedList/DeleteEntry?Params">
<img class="SyImageDelete" alt="Delete" src="/Images/DeleteHS.png" border="0">
</a>
有一個易於使用的插件在這裏做到這一點：http://stackoverflow.com/questions/6457750/form-confirm-before-submit – 2012-09-27 11:36:46
一長串搜索解決方案： http://stackoverflow.com/a/18474005/1876355 – Pierre 2013-08-27 20:02:39