Tuesday, September 27, 2016

(*_*) Report Layout Birt Report on Ofbiz

Share it Please
ในวันนี้จะเป็นบทความเกี่ยวกับการจัด layout หรือการจัดหน้ากระดาษรายงานนั้นเอง ในบทความที่แล้วได้ทำการใช้ตารางที่สามารถดึงข้อมูลจาก ฐานข้อมูลมาแล้ว ในวันนี้เราจะนำความรู้นั้น มาประยุคต์ให้เป็นรายงานอย่างเขาคุ้นตากัน รูปด้านล่างนี้คือเป้าหมายในการสร้างมานะครับ
Screenshot from 2016-01-13 22:18:09.png
เริ่มแรกสร้าง data source สร้างเหมือนบทความที่แล้ว <<บทความที่แล้ว>> กับ data sets ตามนี้
Screenshot from 2016-01-14 08:20:38
ในที่นี้เราจะใช้ตาราง ProductAndPriceVeiw ของ OFBIZ ต่อมาเราจะมาเพิ่มโค้ดในส่วนของ Script กัน เริ่มจาก intialize
Screenshot from 2016-01-12 20:24:44
ต่อมาเขียนโค้ด Open
Screenshot from 2016-01-14 08:24:00
กำหนด fetch
Screenshot from 2016-01-14 08:24:06
สังเกตโค้จะคล้ายกับบทความที่แล้ว เลย <<บทความที่แล้ว>>
ต่อจากนั้นเราจะมานัด layout กััน ในการจัด layout เราจะใช้ั Grid และ table ในการจัด layout ตามนี้ก่อน
Screenshot from 2016-01-14 08:35:52
จัด layout ให้อยู่ในลักษณะ นี้ก่อน ในส่วนที่เป็นเส้นทึบนั้นเป็นตารางที่เราลากมาวางจาก data sets ต่อมาเราจะใน label ก่อนเลย
Screenshot from 2016-01-14 08:41:54
ต่อมาเราจะใส่ข้อความที่มีขนาดยาวให้เลือกเป็นชนิด text ในการสร้างเราสามารถแทรก tag html เพื่อปรับแต่ให้สวยงานได้ด้วย
Screenshot from 2016-01-14 08:43:03Screenshot from 2016-01-14 08:44:11
ในส่วนของวันที่ เราจะใช้เป็น Dynamic text
Screenshot from 2016-01-14 08:42:17
จะสามารถเพิ่ม script อื่นได้มากมาย ให้คลิกเลือก <VALUE-OF>
Screenshot from 2016-01-14 08:47:13
หลังจากกรอกข้อมครบจะได้หน้าตา layout ออกมาในลักษณะนี้
Screenshot from 2016-01-14 08:43:03
จากนั้นให้ไปสร้างปุ่มใน screen หลัก แล้วสร้าง request map ให้เรียก veiw map ที่เรียกมาไฟล์ report ไฟล์นี้่ <<บทความที่แล้ว>> ทำการทดสอบดังนี้
Screenshot from 2016-01-13 22:18:09
*/ ให้ตรวจสอบดูก่อนว่าใน entity ProductAndPriceView มีข้อมูลหรือไม่ ถ้าไม่มีให้ทำการเพิ่มลงไปเสียก่อน

No comments:

Post a Comment

Blogroll

About