wdCalendar使用

jopen 14年前發布 | 38K 次閱讀 Java jQuery插件

日歷軟件wdCalendar是一款不錯的插件,外觀上和google的在線calender詳細。支持視圖切換,日、周、月。項目主頁采用php開發。

wdCalendar是Google Calendar的一個克隆,基于jQuery實現。包含Google日歷的大部分功能包括:提供按天/周/月查看視圖。支持通過拖拉的方式創建/更新/刪除事件。易于給合數據庫一起使用。

wdCalendar使用

將自己對該插件的研究總結一下,與大家分享。同時非常希望大家開發出其他樣式的模板!多種選擇嘛。

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數據決定的。數據在倒數第四個位置。

現已掌握了基本使用方法(頁面樣式沒進行研究)

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!