javascript - 使用按钮将 .aspx 作为花式框弹出窗口关闭

Question

我有一个 javascript 函数，可以生成一个弹出窗口并在弹出窗口中加载一个 .aspx 页面。这是我的代码:

function moveEvent(doTheMove) {
        var selectedNotesList = getSelectedNoteIDs();
        if (doTheMove) {
            $.fancybox({
                'autoScale': false,
                'type': 'iframe',
                'height': 225,
                'width': 800,
                'href': 'Utilities/MoveFileTemplate.aspx?eventID=' + selectedNotesList +
                '&oldEventCaseFile=' + $('#hidCaseFile').val(),
                onComplete: function () {
                    $('#fancybox-overlay').unbind();
                },
                onClosed: function () {
                    $("#viewNotesGrid").flexReload();
                }
            });
        }
        else
            showMessage("No expenses are selected.");
    }

在我的 .aspx 页面中，我有 3 个单选按钮、一个 DropDownList 和 2 个按钮。我想要做的是在用户单击“取消”按钮时关闭弹出窗口，而不必按顶 Angular 的“X”按钮。 (按下取消按钮时，它必须模仿“X”按钮，以便“onClosed:”可以触发并重新加载我的 flexigrid) 有什么建议吗？

Answer 1

你可以试试

var theBox;
...
function moveEvent(doTheMove) {
...
   theBox = $.fancybox({
      'autoScale': false,
      'type': 'iframe',
      'height': 225,
      'width': 800,
      'href': 'Utilities/MoveFileTemplate.aspx?eventID=' + selectedNotesList +
            '&oldEventCaseFile=' + $('#hidCaseFile').val(),
      onComplete: function () {
         $('#fancybox-overlay').unbind();
      },
      onClosed: function () {
         $("#viewNotesGrid").flexReload();
      }
   });
...
} //close the moveEvent function

然后在取消按钮调用的 onclick 上

window.parent.theBox.close();

编辑(OP):它实际上是:parent.$.fancybox.close();