添加/删除事件

添加事件

向调度器添加事件有三种方式：

addEvent - 创建一个新事件，并触发 onEventAdded 或 onEventChanged 事件；
addEventNow - 创建一个新事件并打开 lightbox 进行确认。此方法不会触发任何事件；
setEvent - 直接将新事件添加到调度器的数据池中，不会触发事件。

推荐的方式是使用 addEvent 方法：

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting",
    holder: "John",  // 用户自定义数据
    room:   "5"      // 用户自定义数据
});

更新事件

在 Scheduler 中更新事件有两种场景：

如果只需重新渲染事件而不需要将更改发送到服务器，请使用 updateEvent
如果需要应用更改并将其保存到服务器，建议使用 addEvent 方法

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting"
});
 
var event = scheduler.getEvent(eventId);
event.text = "Conference"; // 更新事件数据
 
scheduler.updateEvent(event.id); // 仅重新渲染，不发送到服务器
//或
scheduler.addEvent(event.id); // 重新渲染并将更新发送到服务器

删除事件

要从调度器中移除事件，请使用 deleteEvent 方法：

scheduler.parse([
   {id:1, start_date:"06/30/2009 09:00", end_date:"06/30/2009 12:00", text:"Task1"},
   {id:2, start_date:"06/30/2009 12:00", end_date:"06/30/2009 20:00", text:"Task2"}
],"json");
...
scheduler.deleteEvent(2);

当 dataProcessor 初始化后，在调度器中添加或删除的事件将会自动反映到数据源中。更多详情请参考服务器端集成指南。

Related sample: Fully custom lightbox

返回顶部