BootstrapDialog.Show を呼び出します。ダイアログを閉じる唯一のボタン「OK」をクリックすると、空白のページがレンダリングされます。
ブラウザー (Chrome) でコードを調べると、BootstrapDialog.Show を呼び出すと、body タグが class='modal-open' になっていることがわかります。ブートストラップ ダイアログで [OK] ボタンをクリックすると、ダイアログが閉じ、html タグがページから削除されます。_Layout.cshtml には Header タグのみが残されています。
ブートストラップ ダイアログを開いた元のページにとどまることを期待しています。
詳細はこちら<<
簡単に言えば、部分ビューを開く 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 によって書かれています...