เมนูปฏิทินจะแสดงมุมมองปฏิทินวัน/สัปดาห์/เดือนใน App's Userview
- แสดงข้อมูลของคุณในรูปแบบ วัน/สัปดาห์/เดือน สำหรับการทำงานนี้คุณจำเป็นต้องแมปฟอร์มและ Field IDs ที่จัดเก็บปฏิทินลงในหน้าคุณสมบัติของปลั๊กอินปฏิทิน คุณสามารถดาวน์โหลดตัวอย่าง calendar app จาก Joget Marketplace
- ปลั๊กอินเมนูปฏิทินยังสามารถเชื่อมต่อกับ Google API เพื่อแสดงวันหยุดราชการของประเทศที่คุณต้อการภายในปฏิทิน วัน/สัปดาห์/เดือน เดียวกัน คุณจะต้องมีคีย์ของ Google Calendar API , รายละเอียดเพิ่มเติมด้านล่าง
เป็นรูปแบบใหม่ใน Joget Workflow v6
Check out the Sample App
ตรวจสอบตัวอย่าง Calendar Menu App ใน Joget Marketplace สำหรับการสาธิต
รูปที่ 1: Calendar Menu
รูปที่ 2: Properties - General
| ชื่อ | คำอธิบาย |
|---|---|
| Custom ID | Item link slug. ฟิลด์ตัวเลือก Unique field ตัวแปลที่กำหนดจะต้องไม่ซ้ำกันกับส่วนอื่นของ Userview เนื่องจากจะทำการเรียกใช้ซ้ำ |
| Label | ชื่อเมนู ฟิลด์บังคับ |
| Page Title | ชื่อหน้าปฏิทิน |
| Data Binder | รายการของ ตัวยึดข้อมูลดาตาลิสต์ (Datalist Binder) จะแสดงข้อมูลจากรายการแหล่งที่มา |
| Auto Handle Date Range | เปิดใช้งานการจัดการช่วงวันที่โดยอัตโนมัติหรือปิดใช้งานด้วยตนเอง ใช้#requestParam.start# และ #requestParam.end# ในการกำหนดค่า Binder รูปแบบวันที่คือ yyyy-MM-dd. |
| ชื่อ | คำอธิบาย |
|---|---|
| Event ID (column ID) | กำหนด ID รายการปฏิทินแต่ละตัว ID ของแบบฟอร์มที่คาดหวัง |
| Event Title (column ID) | ชื่อเรื่องของรายการปฏิทิน ID ของแบบฟอร์มที่คาดหวัง |
| All Day (column ID, boolean value) | ค่าจริง/เท็จ ID ของแบบฟอร์มที่คาดหวัง |
| From Date (column ID) | ค่าวันที่ของรายการปฏิทินจากค่า ID ของแบบฟอร์มที่คาดหวัง |
| From Time (column ID) | ค่าเวลาในการป้อนปฏิทินจากค่า ID ของแบบฟอร์มที่คาดหวัง |
| To Date (column ID) | ค่าวันที่ของรายการปฏิทินเป็นค่า ID ของแบบฟอร์มที่คาดหวัง |
| To Time (column ID) | ค่าเวลาในการป้อนปฏิทินเป็นค่า ID ของแบบฟอร์มที่คาดหวัง |
| Date Format | รูปแบบวันที่ใน Java เช่น yyyy-MM-dd |
| Event Url (column ID) | URL รายการปฏิทิน ID ของแบบฟอร์มที่คาดหวัง |
| Color (column ID) | รายการปฏิทิน รหัสสี CSS ID ของแบบฟอร์มที่คาดหวัง |
| CSS Class (column ID) | คลาส CSS รายการปฏิทิน ID ของแบบฟอร์มที่คาดหวัง |
| Additional Data | ข้อมูลเพิ่มเติมที่จะเพิ่มลงในรายการปฏิทิน |
| ชื่อ | คำอธิบาย |
|---|---|
Google Calendar Integration - Additional Data | การกำหนดค่าเพื่อโหลดรายการปฏิทินจาก Google Calendar หมายเหตุ ถ้าคุณต้องการปลั๊กอิน Calendar Menu เพื่อเชื่อมต่อกับ Google Calendar
|
Event Rendering Callback (Javascript) | รหัส Javascript ที่กำหนดเอง |
Event After Rendering Callback (Javascript) | รหัส Javascript ที่กำหนดเอง |
Event After All Rendering Callback (Javascript) | รหัส Javascript ที่กำหนดเอง |
Event Click Callback (Javascript) | รหัส Javascript ที่กำหนดเอง Sample Code to open up form view in a popup dialog var popupActionDialog = new PopupDialog("calendarDisplayForm?id="+event.id+"&embed=true");
popupActionDialog.init();
|
Time Display Format | อ้างอิงรูปแบบถึง https://fullcalendar.io/docs/date-formatting-string |
Custom Header (HTML) | ส่วนหัวที่กำหนดเองใน HTML เพื่อแสดงที่ด้านบนของปฏิทิน |
Custom Footer (HTML) | ส่วนท้ายแบบกำหนดเองใน HTML เพื่อแสดงที่ด้านล่างของปฏิทิน |
คุณสามารถกำหนดการตั้งค่าประสิทธิภาพใน Userview Element นี้ซึ่งอนุญาตให้มีการแคชเนื้อหาที่มีอยู่เพื่อปรับปรุงประสิทธิภาพและความเร็วในการโหลด อ่านเพิ่มเติมที่ Performance Improvement with Userview Caching.