เรามาดูวิธี ใส่โค้ด Javascript ใน Wave Maker

บทความนี้ เรามาดู วิธีใส่โค้ด Javascrip ใน wavemaker กัน ซึ่งในตัวอย่างนี้ ผมจะใส่โค้ดในปุ่ม แล้วก็ทำให้ปุ่มนั้น แสดง dialog ถามว่า ต้องการเปลี่ยนหน้าหรือเปล่า ถ้ากด ตกลง ก็จะเปลี่ยนหน้าให้ ถ้ากดยกเลิก ก็ให้อยู่หน้าเดิม

เรามาดูตัวอย่างกันเลยครับ

ในตัวอย่างนี้ ผมมีโปรเจ็คยู่แล้วโปรเจ็คหนึ่ง นั่นคือ โปรเจ็คนี้ครับ สร้างเพจใหม่ใน-WaveMaker-และการเรียกใช้โดย-NavigationCall

จากโปรเจ็คข้างบน เราได้สร้างหน้าเพจใหม่ ได้สร้างปุ่ม และได้สร้าง NavigationCall กันแล้วนะครับ

ก่อนอื่นให้เราคลิกที่ปุ่ม ที่เพื่อให้กดไปหน้าใหม่ จากนั้นให้ไปที่แถบ even ใน่ช่อง onclick ที่โปรเจ็คก่อนหน้านี้ เราเรียกใช้ NavigationCall เลย ให้เราเปลี่ยนเป็น Javascrip


เมื่อเรากดที่ฟังก์ชันแล้ว โปรแกรม wavemaker จะเด้งมาที่หน้า Source ในแถบ Script ในฟังก์ชัน ที่มีชื่อที่ wavemaker ตั้งให้ โดยชื่อจะถูกนำหน้าด้วยชื่อตัวแปรแล้วตามด้วย even ที่เราได้กดเข้ามา เช่น ในโปรเจ็คนี้ปุ่มของผมมีชื่อว่า btnGotoNewPae ฟังก์ชันที่ถูกเด้งเข้ามา จะมีชื่อว่า btnGotoNewPaeClick เราจะเขียนโค้ด ลงในฟังก์ชันนี้ครับ


จากนั้นให้พิมพ์โค้ด ตามตัวอย่างด้านล่าง ลงไปครับ

if(confirm("GotoNewPage")){
this.navCallGotoNewPage.update();
}



จากโค้ดข้างบน คำสั่ง confirm ก็คือ แสดงหน้าต่าง ตกลงกับยกเลิก ถ้ากดตกลง จะคืนค่าจริง ถ้ากดยกเลิก จะคืนค่าเท็จ ดังนั้นเราจึงใส่ if เข้าไปเพื่อตรวจสอบ ส่วนคำว่า GotoNewPage ก็คือให้แสดงบนหน้าต่าง confirm เมื่อกดตกลงแล้วจะเข้าสู่ block คำสั่ง if จากนั้นเราก็ใช้คำสั่ง this.navCallGotoNewPage.update(); นั่นคือให้ NavigationCall ที่ชื่อ navCallGotoNewPage ให้ทำการ update นั่นก็คือ ให้ทำการเปลี่ยนหน้า

ลองทำกันดูครับ