-1

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 によって書かれています...

4

1 に答える 1