博客

jQWidgets jqxScheduler closeDialog()方法

  • Post category:jquery

jQWidgets jqxScheduler closeDialog() 方法是一个用于关闭 jqxScheduler 组件中编辑和创建窗口的方法。该方法是 jqxScheduler 内置的方法之一，通过该方法可以在 JavaScript 代码中调用。

使用该方法时，需要先获取 jqxScheduler 实例化对象，在此对象上调用 closeDialog() 方法即可实现对编辑和创建窗口的关闭。

下面是一个示例，在该示例中，我们在 jqxScheduler 的事件中调用 closeDialog() 方法来关闭创建和编辑窗口：

// 初始化 jqxScheduler
var scheduler = $('#scheduler').jqxScheduler({
   date: new Date(),
   source: new $.jqx.dataAdapter(source),
   // 以下为对编辑和创建窗口的设置
   editDialogCreate: function (dialog, fields, editAppointment) {
      // 在窗口上添加一个“取消”按钮
      dialog.append('<input id="cancelButton" type="button" value="取消"/>');

      // 注册“取消”按钮的事件，当点击“取消”按钮时执行 closeDialog() 方法，关闭窗口
      $('#cancelButton').click(function () {
          scheduler.closeDialog();
      });
   },
   editDialogCalendarMonth: {
      dateFormat: "yyyy-MM-dd"
   },
   editDialogDateFormat: "yyyy-MM-dd",
   editDialogDateTimeFormatString: "yyyy-MM-dd HH:mm:ss",
});

// 注册事件，当用户编辑或创建一个事件时，系统会显示窗口，我们在这个事件中关闭窗口
scheduler.on('editDialogOpen', function (event) {
   if (event.type == "Mied") {
      scheduler.disableEditAppointment();
   }
   scheduler.closeDialog();
});

除了在事件中调用 closeDialog() 方法以外，我们还可以在其他场景中调用该方法。

下面是一个示例，在该示例中，我们在按钮的点击事件中调用 closeDialog() 方法，以关闭编辑和创建窗口：

// 点击一个按钮，关闭编辑和创建窗口
$('#closeButton').click(function () {
    scheduler.closeDialog();
});

总的来说，调用 jQWidgets jqxScheduler closeDialog() 方法非常简单，只需要获取 jqxScheduler 的实例化对象，在该对象上调用 closeDialog() 方法即可实现对编辑和创建窗口的关闭。

Tags: