jQuery插件实战之Fullcalendar - 开发一个完整效能的富客户端会议室预定系统前台
jQuery插件实战之Fullcalendar - 开发一个完整功能的富客户端会议室预定系统前台
作者:Terry li - GBin1.com
jQuery的插件非常多,应用的场景也非常丰富,今天我这里给大家介绍一款非常实用的日历插件 - fullcalendar,使用这款插件能够快速帮助你实现基于web的日历查看功能,大家可能都使用过outlook的日历功能,今天我们也开发一个类似的功能,其中会使用到相关的高级功能,例如,拖拽修改时间,生成个性化的日历项内容。
具体代码和demo,参考原文吧:http://www.gbin1.com/technology/jquery/devappwithfullcanlendar/index.html
eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) {
if(1==1||2==event.uid){
var schdata = {startdate:event.start, enddate:event.end, confid:event.confid, sid:event.sid};
identityService.getToBeUpdatedConflictedScheduleDAO(schdata , {
callback:function(data) {
if(data.length== 0){
var newschdata = {sid:event.sid, startdate:event.start, enddate:event.end};
identityService.updateScheduleByNewDateRange(newschdata, {
callback:function(data) {
alert("Thanks, reservation rescheduled successfully.");
//window.location.reload();
}
});
}else{
revertFunc();
alert("Sorry, reservation cannot be rescheduled.");
}
}
});
}else{
revertFunc();
}
},
以上代码中你可以使用 eventDrop: function 来向后台写数据。
你那个强悍
作者:Terry li - GBin1.com
jQuery的插件非常多,应用的场景也非常丰富,今天我这里给大家介绍一款非常实用的日历插件 - fullcalendar,使用这款插件能够快速帮助你实现基于web的日历查看功能,大家可能都使用过outlook的日历功能,今天我们也开发一个类似的功能,其中会使用到相关的高级功能,例如,拖拽修改时间,生成个性化的日历项内容。
具体代码和demo,参考原文吧:http://www.gbin1.com/technology/jquery/devappwithfullcanlendar/index.html
1 楼
drain
2011-06-27
这个插件我也用过 确实挺强大 我以前用这个插件作为一个排班表页面的展示 我觉得这样比较直观 修改排班信息也比较方便 结果被客户一口否定 客户觉得还是列表形式显示比较直观 就无奈的放弃了!
2 楼
cheney_love
2011-06-28
我前几天也仿了一个简单的calendar
3 楼
kavinhub
2011-06-28
用来显示不错,如果里面的event是dragable的,如何将改动反应到后台?
4 楼
jjfat
2011-06-29
kavinhub 写道
用来显示不错,如果里面的event是dragable的,如何将改动反应到后台?
eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) {
if(1==1||2==event.uid){
var schdata = {startdate:event.start, enddate:event.end, confid:event.confid, sid:event.sid};
identityService.getToBeUpdatedConflictedScheduleDAO(schdata , {
callback:function(data) {
if(data.length== 0){
var newschdata = {sid:event.sid, startdate:event.start, enddate:event.end};
identityService.updateScheduleByNewDateRange(newschdata, {
callback:function(data) {
alert("Thanks, reservation rescheduled successfully.");
//window.location.reload();
}
});
}else{
revertFunc();
alert("Sorry, reservation cannot be rescheduled.");
}
}
});
}else{
revertFunc();
}
},
以上代码中你可以使用 eventDrop: function 来向后台写数据。
5 楼
check-枫叶
2011-06-30
cheney_love 写道
我前几天也仿了一个简单的calendar
你那个强悍