wdCalendar使用

日历软件wdCalendar是一款不错的插件,外观上和google的在线calender详细。支持视图切换,日、周、月。官方网站采用php开发。

将自己对该插件的研究总结一下,与大家分享。同时非常希望大家开发出其他样式的模板!多种选择嘛。

1、展示页面sample.php,生成数据页面则是php/datafeed.php.另外还有一个edit.php则是添加详细与编辑的页面。

2、js文件  在src\Plugins文件加下面。datepicker_lang_**,wdCalendar_lang_**是语言包。jquery.calendar.js是核心插件。

3、数据格式。接收json数据。

      startend为日期格式的数据

error:错误信息,没有错误时返回null

Issort:是否排序

Events:数组数据,具体数据。

4、使用方法

 $(id).bcalendar(op).BcalGetOp() id是容器div的id,op则是配置。具体含义,可以查看页面源文件和js函数。

DeleteCmdhandler删除时触发函数, quickDeleteUrl删除时提交地址。

DeleteCmdhandler会传递两个参数。参数1: 从后台生成的json格式的数据。参数2:删除函数。

EditCmdhandler:会传递从后台生成的json格式的一组数据。即要编辑的数据。

ViewCmdhandler:查看详细数据时的触发函数。参数和ViewCmdhandler一样。

添加:

添加详细,不是在calender点击进行的添加。官方文档是通过OpenModelWindow函数实现的。主要是XHR后台edit.php,进而iframe实现。该页面没研究,想以自己的方式去实现。

而编辑,同样是加载的该页面。不知道什么缘故,该页面被mark掉了(浏览器:chrome)。可以自行处理掉该遮罩。

大家可以看到,每个事件都有自己的颜色。颜色同样是由json数据决定的。数据在倒数第四个位置。

现已掌握了基本使用方法(页面样式没进行研究)

你可能感兴趣的:(calendar,wdCalendar)