Javascript 在AlloyUI计划程序中保存、编辑、删除和取消事件

Javascript 在AlloyUI计划程序中保存、编辑、删除和取消事件,javascript,calendar,yui,alloy-ui,Javascript,Calendar,Yui,Alloy Ui,如何从AlloyUI的调度程序中侦听保存、编辑、删除和取消事件?我需要将该值保存在我们的数据库中以备将来使用,但我没有看到任何相关文档 我目前拥有的代码如下: YUI().use('aui-scheduler', function(Y) { var items = [ { content: 'Wake Early' }, { content: 'Exercise' },

如何从AlloyUI的调度程序中侦听保存、编辑、删除和取消事件?我需要将该值保存在我们的数据库中以备将来使用,但我没有看到任何相关文档

我目前拥有的代码如下:

YUI().use('aui-scheduler', function(Y) {
    var items = [
        {
            content: 'Wake Early'
        },
        {
            content: 'Exercise'
        },
    ];
    var schedulerViews = [
        new Y.SchedulerWeekView(),
        new Y.SchedulerDayView(),
        new Y.SchedulerMonthView(),
        new Y.SchedulerAgendaView()
    ];
   var eventRecorder = new Y.SchedulerEventRecorder();
    new Y.Scheduler({
        boundingBox: '#scheduler',
        items: items,
        views: schedulerViews,
        activeView: schedulerViews[2],
        eventRecorder: eventRecorder,
         firstDayOfWeek: 1,
        // activeView: weekView,
        // views: [dayView, weekView, monthView, agendaView]
    }).render();

    Y.Do.after(function() { 
      this.on("save",function(data){
       alert('Event:'+this.isNew()+' --- '+this.getContentNode().val());
      });   
    }, eventRecorder, 'showPopover');

});

我现在运气不好,有人能帮我吗?我试过教程和一个教程,但都没有用。

您应该使用未记录的
保存
编辑
删除
,以及
取消
*事件的
SchedulerEventRecorder
。例如:

var eventRecorder = new Y.SchedulerEventRecorder({
    on: {
        save: function(event) {
            alert('Save Event:' + this.isNew() + ' --- ' + this.getContentNode().val());
        },
        edit: function(event) {
            alert('Edit Event:' + this.isNew() + ' --- ' + this.getContentNode().val());
        },
        delete: function(event) {
            alert('Delete Event:' + this.isNew() + ' --- ' + this.getContentNode().val());
// Note: The cancel event seems to be buggy and occurs at the wrong times, so I commented it out.
//      },
//      cancel: function(event) {
//          alert('Cancel Event:' + this.isNew() + ' --- ' + this.getContentNode().val());
        }
    }
});
下面是一个可运行的示例,其中包含您提供的代码:

YUI()。使用('aui-scheduler',函数(Y){
可变项目=[{
内容:“早起”
}, {
内容:“运动”
}, ];
变量SchedulerView=[
新的Y.SchedulerWeekView(),
新建Y.SchedulerDayView(),
新的Y.SchedulerMonthView(),
新Y.SchedulerAgendaView()
];
var eventRecorder=新的Y.SchedulerEventRecorder({
关于:{
保存:函数(事件){
警报('Save Event:'+this.isNew()+'--'+this.getContentNode().val());
},
编辑:功能(事件){
警报('编辑事件:'+this.isNew()+'--'+this.getContentNode().val());
},
删除:函数(事件){
警报('删除事件:'+this.isNew()+'--'+this.getContentNode().val());
//注意:cancel事件似乎有缺陷,发生在错误的时间,因此我将其注释掉。
//      },
//取消:功能(事件){
//警报('取消事件:'+this.isNew()+'--'+this.getContentNode().val());
}
}
});
新Y.调度器({
边界框:“#调度程序”,
项目:项目,,
视图:SchedulerView,
activeView:SchedulerView[2],
eventRecorder:eventRecorder,
星期一:1,
//activeView:weekView,
//视图:[日视图、周视图、月视图、代理视图]
}).render();
});


有关于这些事件的文档吗?@snibbets,我不这么认为:(