调用BootstrapDialog.Show。单击关闭对话框的唯一按钮“确定”后,将呈现空白页面。
检查浏览器(Chrome)中的代码,我看到在调用BootstrapDialog.Show时,body标签获得了class ='modal-open'。在引导程序对话框中单击“确定”按钮后,对话框将关闭并从页面中删除html标记。只有Header标记留在_Layout.cshtml上。
我希望留在打开引导程序对话框的原始页面上!
更多信息<<
简而言之,我有一个index.cshtml页面,它打开了一个局部视图。在这个局部视图中,有一个按钮,一旦点击运行一些javascript,检查一些东西,并在必要时调用引导对话作为警报。这很有效,直到我关闭对话框。
这是调用引导程序对话框的javascript:
$('#btnEdit').click(function () {
btnClicked = "edit";
var grid = $('#gridContactList').data('kendoGrid');
var selectedContact = grid.selectedKeyNames();
if (!selectedContact.length) { selectedContact = 0; }
if (selectedContact == 0) {
//alert("Please select a contact to edit!");
var message = "Please select a contact to edit!";
//alert(message);
BootstrapDialog.show({
type: "type-warning",
title: "Warning!",
message: message,
autodestroy: true,
buttons: [
{
label: 'OK',
action: function (dialogRef) {
dialogRef.close();
}
}
]
});
return;
}
$("#winContactSummary").data("kendoWindow").center(true).open();
})
这个BootstrapDialog是由nakupanda编写的......
基于我发现你需要设置HTML以获得正确的类布局这一行应该有效,如果你提供你的HTML或它的样本我将能够更好的帮助
<div class="modal-content">
<div class="modal-header">
<div class="bootstrap-dialog-header">
<div class="bootstrap-dialog-close-button" style="display: block;"><button class="close">×</button></div>
<div class="bootstrap-dialog-title" id="2a6beb12-e208-4c63-8ffc-760a4040deb7_title">Say-hello dialog</div>
</div>
</div>
<div class="modal-body">
<div class="bootstrap-dialog-body">
<div class="bootstrap-dialog-message">Hi Apple!</div>
</div>
</div>
<div class="modal-footer" style="display: none;">
<div class="bootstrap-dialog-footer"></div>
</div>
</div>
上面的示例HTML来自这里https://nakupanda.github.io/bootstrap3-dialog/