ข้อมูลทั่วไป

หน้าต่าง Modal อลเป็นองค์ประกอบอินเทอร์เฟซที่เปิดผ่านหน้าปัจจุบัน พวกเขาเรียกอีกอย่างว่าป๊อปอัป

หากต้องการสร้าง หน้าต่าง modal ใหม่ ให้ลากจากแผงวิดเจ็ต

หน้าต่างโมดอลสามารถวางในสองพื้นที่บนผืนผ้าใบ:

  1. Page components;
  2. App components;

ใน Page components จะเป็นการดีกว่าที่จะวางหน้าต่างโมดอลที่เชื่อมโยงกับหน้าใดหน้าหนึ่งโดยเฉพาะ

ใน App components หน้าต่าง modal ที่ใช้กับแอปพลิเคชันทั้งหมดจะถูกวางไว้

หน้าต่าง modal สามารถมีวิดเจ็ตเหมือนกับเพจทั่วไป

กระบวนการทางธุรกิจสามารถเชื่อมโยงกับหน้าต่าง modal ภายใต้แท็บเวิร์กโฟลว์ สามารถใช้ทริกเกอร์ต่อไปนี้ได้:

  • OnCreate
  • OnShow
  • OnHide
  • OnDestroy

สามารถใช้บล็อกสองบล็อกใน BP เพื่อควบคุมหน้าต่างโมดอลได้:

  • Show modal เพื่อเปิดหน้าต่างโมดอล
  • Hide modal เพื่อปิดหน้าต่าง modal

วิธีทำงานกับหน้าต่าง modal

เพิ่มหน้าต่าง modal ลงใน Page components

button บนผืนผ้าใบของหน้า

สำหรับ button กระบวนการทางธุรกิจได้รับการกำหนดค่าบนทริกเกอร์ OnClick BP จะมีเพียงบล็อกเดียว: Show Modal

ใน Show modal block ให้ตั้งค่าพารามิเตอร์อินพุต Component ID และเลือกชื่อของหน้าต่าง modal

ตอนนี้ วางปุ่ม อื่น แต่ในหน้าต่าง โมดอล

มีการกำหนดค่า BP ที่คล้ายกันสำหรับปุ่มนี้ แต่ใช้ Hide modal แทนการ Show modal บล็อก

ตอนนี้คุณสามารถเปิดและปิดหน้าต่าง โมดอล ได้แล้ว

หน้าต่าง modal เป็นคุณสมบัติที่มีประโยชน์มาก ตัวอย่างเช่น สะดวกในการวางฟังก์ชันการเพิ่มระเบียน

Was this article helpful?

AppMaster.io 101 หลักสูตรความผิดพลาด

10 โมดูล
2 สัปดาห์ที่ผ่านมา

ไม่แน่ใจว่าจะเริ่มต้นที่ไหน? เริ่มต้นด้วยหลักสูตรเร่งรัดสำหรับผู้เริ่มต้นและสำรวจ AppMaster จาก A ถึง Z

เริ่มหลักสูตร
Development it’s so easy with AppMaster!

ต้องการความช่วยเหลือเพิ่มเติมหรือไม่?

แก้ปัญหาด้วยความช่วยเหลือจากผู้เชี่ยวชาญของเรา ประหยัดเวลาและมุ่งเน้นที่การสร้างแอปพลิเคชันของคุณ

headphones

ติดต่อฝ่ายสนับสนุน

บอกเราเกี่ยวกับปัญหาของคุณ แล้วเราจะหาทางแก้ไขให้คุณ

message

ชุมชนแชท

สนทนาคำถามกับผู้ใช้รายอื่นในการแชทของเรา

เข้าร่วมชุมชน