📜  jQWidgets jqxScheduler editDialogClose 事件(1)

📅  最后修改于: 2023-12-03 15:32:19.448000             🧑  作者: Mango

jQWidgets jqxScheduler editDialogClose 事件

介绍

jQWidgets jqxScheduler是一个基于HTML5的日程安排和日历控件,用于创建动态的日程表和日历。editDialogClose事件是当编辑对话框关闭时触发的事件。

语法和参数
// 语法
$(document).on('editDialogClose', function (event: any): void {
  // 处理逻辑
});

// 参数
event - 包含有关触发事件的详细信息的事件对象。
用法

该事件可用于执行在编辑对话框关闭时需要执行的任何自定义逻辑。

var appointments = new Array();

$(document).ready(function () {
    // 确定jQWidgets主题
    $.jqx.theme = "energyblue";
    
    // 初始化scheduler
    var source = {
        dataType: "json",
        dataFields: [
          { name: 'id', type: 'string' },
          { name: 'description', type: 'string' },
          { name: 'location', type: 'string' },
          { name: 'subject', type: 'string' },
          { name: 'calendar', type: 'string' },
          { name: 'start', type: 'date' },
          { name: 'end', type: 'date' }
        ],
        id: 'id',
        url: '../sampledata/appointments.txt'
    };
    var adapter = new $.jqx.dataAdapter(source);

    $('#scheduler').jqxScheduler({
        editDialogClose: function (event) {
            // 编辑对话框关闭时执行的逻辑
            console.log('Edit Dialog Closed');
        },
        date: new $.jqx.date(),
        width: '100%',
        height: 600,
        source: adapter,
        view: 'weekView',
        showLegend: true,
        ready: function () { }
    });
});
参考