Javascript 在AlloyUI计划程序中保存、编辑、删除和取消事件
如何从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' },
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,我不这么认为:(