ในวันนี้จะเป็นบทความเกี่ยวกับการจัด layout หรือการจัดหน้ากระดาษรายงานนั้นเอง ในบทความที่แล้วได้ทำการใช้ตารางที่สามารถดึงข้อมูลจาก ฐานข้อมูลมาแล้ว ในวันนี้เราจะนำความรู้นั้น มาประยุคต์ให้เป็นรายงานอย่างเขาคุ้นตากัน รูปด้านล่างนี้คือเป้าหมายในการสร้างมานะครับ

เริ่มแรกสร้าง data source สร้างเหมือนบทความที่แล้ว <<บทความที่แล้ว>> กับ data sets ตามนี้

ในที่นี้เราจะใช้ตาราง ProductAndPriceVeiw ของ OFBIZ ต่อมาเราจะมาเพิ่มโค้ดในส่วนของ Script กัน เริ่มจาก intialize

ต่อมาเขียนโค้ด Open

กำหนด fetch

สังเกตโค้จะคล้ายกับบทความที่แล้ว เลย <<บทความที่แล้ว>>
ต่อจากนั้นเราจะมานัด layout กััน ในการจัด layout เราจะใช้ั Grid และ table ในการจัด layout ตามนี้ก่อน

จัด layout ให้อยู่ในลักษณะ นี้ก่อน ในส่วนที่เป็นเส้นทึบนั้นเป็นตารางที่เราลากมาวางจาก data sets ต่อมาเราจะใน label ก่อนเลย

ต่อมาเราจะใส่ข้อความที่มีขนาดยาวให้เลือกเป็นชนิด text ในการสร้างเราสามารถแทรก tag html เพื่อปรับแต่ให้สวยงานได้ด้วย


ในส่วนของวันที่ เราจะใช้เป็น Dynamic text

จะสามารถเพิ่ม script อื่นได้มากมาย ให้คลิกเลือก <VALUE-OF>

หลังจากกรอกข้อมครบจะได้หน้าตา layout ออกมาในลักษณะนี้

จากนั้นให้ไปสร้างปุ่มใน screen หลัก แล้วสร้าง request map ให้เรียก veiw map ที่เรียกมาไฟล์ report ไฟล์นี้่ <<บทความที่แล้ว>> ทำการทดสอบดังนี้

*/ ให้ตรวจสอบดูก่อนว่าใน entity ProductAndPriceView มีข้อมูลหรือไม่ ถ้าไม่มีให้ทำการเพิ่มลงไปเสียก่อน
No comments:
Post a Comment