...
เปิดโครงการ maven ด้วย IDE ที่คุณชื่นชอบ เราแนะนำให้ใช้ NetBeans.
7. เริ่มโค้ด!
a.
...
การขยาย abstract class
...
ของประเภทปลั๊กอิน
สร้างคลาส "GanttChartMenu" ภายใต้ "org.joget.tutorial" package. จากนั้นขยายคลาสด้วย org.joget.apps.userview.model.UserviewMenu abstract class. โปรดอ้างอิงถึง Userview Menu Plugin.
b.
...
การดำเนินการของ abstract methods ทั้งหมด
เช่นเคยเราจะต้องใช้ abstract methods ของเราทั้งหมด. เราจะใช้ AppPluginUtil.getMessage method เพื่อสนับสนุน i18n และใช้ตัวแปรคงที่ MESSAGE_PATH สำหรับ message resource bundle directory.
...
แก้ไขคุณสมบัติของเมนูแผนภูมิแกนต์
I selected ฉันเลือก "Form Data Binder" as เป็น "Data Binder" for testing. Fill all the mappings to corresponding สำหรับการทดสอบ กรอกข้อมูลการแมปทั้งหมดให้สอดคล้อง Field Id/Column Id.
Configure binder.กำหนดค่า
Advanced setting to configure the gantt chart.การตั้งค่าขั้นสูง
Writing some css styling in เขียน CSS สไตล์ในตัวเลือก "Custom Footer (HTML)" option to give different colors for different status.เพื่อให้สีที่แตกต่างกันสำหรับสถานะที่แตกต่างกัน
Populate some data to the form for testing.เติมข้อมูลลงในแบบฟอร์มสำหรับการทดสอบ
The end result.ผลลัพธ์ที่ได้
8.
...
ขั้นต่อไป แชร์หรือขาย
คุณสามารถดาวน์โหลด source code จาก You can download the source code from gantt_chart_menu.zip.
The test app for this tutorial is แอปทดสอบสำหรับบทช่วยสอนนี้คือ APP_testGanttChart-1-20151106194035.jwa.
To download the ready-to-use plugin jar, please find it in หากต้องการดาวน์โหลด jar ปลั๊กอินที่พร้อมใช้งานโปรดค้นหาที่ http://marketplace.joget.org/.
...