สร้างเพจใหม่ใน WaveMaker และการเรียกใช้โดย NavigationCall

การสร้างหน้าใหม่ ใน Wave Maker และการเรียกใช้โดย NavigationCall

ในการสร้างเว็บไซต์แต่ละครั้ง เราก็ต้องมีหน้าอื่นให้ลิ้งไป บทความนี้ ผมจะมาแชร์วิธีการสร้างหน้าเว็บเพจใหม่ และการเรียกใช้หน้านั้น โดยใช้ ตัวแปรที่เรียกว่า NavigationCall กันครับ



อันดับแรกครับ ให้ไปที่ Page -> New ตามรูปด้านล่าง





เมื่อกดแล้วจะได้รูปด้านล่างครับ



ให้ใส่ชื่อของเว็บเพจ ในที่นี้ผมตั้งเป็น New_Page จากนั้นกด OK



เมื่อดูในช่อง Open Page จะเห็นว่าเรากำลังทำงานอยู่ที่หน้า New_Page ดังรูปด้านล่าง จะเห็นว่ามีอยู่ 2 หน้า





จากหน้า New_Page ผมจะทำการใส่ Label แสดงคำว่า New_Page เพื่อให้ เมื่อทำการทดสอบจะได้รู้ว่า เป็นหน้า New_Page ดังรูปด้านล่าง





จากนั้นให้กลับมาที่หน้า Main ผมจะทำการสร้างปุ่มขึ้นมา เพื่อให้ เมื่อกดปุ่มแล้ว จะทำการโหลดหน้า New_Page ขึ้นมา ดังรูปด้านล่าง





ถึงเวลามาสร้าง NavigationCall กันครับ



อันดับแรกให้ไปที่ Insert -> NavigationCall ดังรูปด้านล่างครับ





จากนั้นให้ทำการตั้งชื่อ แล้วเลือก ว่าจะให้เปิด Page แบบไหน ในช่อง Operation ดังรูปด้านล่าง



ในที่นี้ผมจะเลือก เป็น gotoPage เพื่อให้เปิดในเป็นเพจใหม่



จากนั้น ในช่อง owner มีสองตัวเลือกให้เลือก นั่นคือ Page กับ Application ถ้าเป็น Page จะเรียกใช้ได้เฉพาะในหน้าที่สร้างเท่านั้น ส่วน Application จะเรียกใช้ได้ทุกหน้าในโปรเจ็ค ดังรุปด้านล่าง ในที่นี้ผมจะเลือกเป็น gotoPage





จากนั้นให้ไปที่แถบ Input ใน ช่อง PageName จะมีหน้าเพจที่เราได้สร้างขึ้นให้เลือก ให้ทำการเลือกหน้าที่ต้องการลิ้งไป ในที่นี้ผมเลือกเป็น New_Page





ตอนนี้เราก็ได้ ตัวแปร navigation ที่ลิ้งไปที่หน้า New_Page แล้วนะครับ ต่อไปเรามาดูวิธี ทำให้กดปุ่มแล้วทำการเรียก navigation กันครับ



โดยคลิกที่ปุ่ม จากนั้นให้ไปที่แถบ event ใน่ช่อง onclick ให้เลือกเป็นชื่อ navigation ที่เราได้ตั้งขึ้น ดังรูปด้านครับ





เมื่อทำครบขั้นตอนแล้ว ลองรันดูครับ