jQWidgets jqxScheduler closeDialog()方法

下面是关于jQWidgets jqxScheduler closeDialog()方法的详细攻略：

方法描述

jqxScheduler是一个适用于JavaScript的日程安排控件。closeDialog()是该控件提供的一个方法，用于关闭弹出窗口或者对话框。

方法语法

// 关闭弹出框
$('#jqxScheduler').jqxScheduler('closeDialog');

// 关闭编辑或者新建的事件对话框
$('#jqxScheduler').jqxScheduler('closeDialog', 'appointment');

方法参数

closeDialog()方法可以传递一个参数，表示要关闭的对话框的类型。当参数为'appointment'时，将关闭当前编辑或新建的事件对话框，否则将关闭当前弹出框。

方法示例

以下是两个示例，演示了如何使用jqxScheduler的closeDialog()方法。

示例一：关闭当前弹出框

这个示例演示如何在jqxScheduler中关闭当前弹出框。弹出框包括事件对话框、工具提示、过滤器等。

$('#jqxScheduler').bind('dialogClosing', function (event) {
    if (event.args.dialogType === 'appointment' || event.args.dialogType === 'editDialog') {
        event.preventDefault(); // 阻止默认的关闭操作
    } else {
        $('#jqxScheduler').jqxScheduler('closeDialog'); // 关闭当前弹出框
    }
});

在上述代码中，我们使用了jqxScheduler的bind()方法，绑定了dialogClosing事件，该事件在弹出框即将关闭时触发。我们通过判断event.args.dialogType的值是否为'appointment'或者'editDialog'，来确定关闭的对话框类型是事件对话框。如果是，则阻止默认的关闭操作；否则，调用closeDialog()方法关闭当前弹出框。

示例二：关闭编辑或新建的事件对话框

这个示例演示如何关闭当前编辑或新建的事件对话框。

$('#jqxScheduler').find('.jqx-scheduler-dialog').bind('dialogClosing', function (event) {
    $('#jqxScheduler').jqxScheduler('closeDialog', 'appointment'); // 关闭当前事件对话框
});

在上述代码中，我们首先通过find()方法找到当前的事件对话框。然后，我们绑定了dialogClosing事件，在事件对话框即将关闭时触发。最后，我们调用closeDialog()方法，传递'appointment'参数来关闭当前编辑或新建的事件对话框。