วิธีใช้องค์ประกอบต่างๆ เพื่อเลือกตัวเลือก

มีสี่องค์ประกอบที่ออกแบบมาสำหรับผู้ใช้เลือกจากรายการใน AppMaster :

• เลือก
• หล่นลง
• เลือก (enum)
• เลือกใหม่

องค์ประกอบเหล่านี้ในตัวออกแบบเว็บแอปพลิเคชัน:

Select

องค์ประกอบนี้ออกแบบมาเพื่อเลือกจากรายการตัวเลือกแบบคงที่ที่ตั้งค่าไว้ในตัวแก้ไข

หลังจากย้ายองค์ประกอบ Select ไปที่ผืนผ้าใบแล้ว หน้าต่างป๊อปอัปจะปรากฏขึ้น ซึ่งคุณสามารถเลือกได้ว่า Select จะใช้ค่าเดียวหรือหลายค่า

หากต้องการเพิ่มและแก้ไขตัวเลือกเพื่อเลือก ให้คลิกที่องค์ประกอบแล้วไปที่แท็บ Option

Dropdown

Dropdown คล้ายกับ Select แต่จะไม่บันทึกค่าที่เลือก Dropdown มักจะเริ่ม BP เมื่อคุณคลิกที่ตัวเลือกใดตัวเลือกหนึ่ง

หากต้องการเพิ่มและแก้ไขตัวเลือกเพื่อเลือก ให้คลิกที่องค์ประกอบแล้วไปที่แท็บ Option

Select (enum)

Select (enum) ใช้เพื่อเลือกค่าจาก enum เมื่อคุณสร้างองค์ประกอบนี้ หน้าต่างจะปรากฏขึ้นในตำแหน่งที่คุณต้องเลือกแหล่งข้อมูล (หนึ่งในที่มีอยู่ enum )

Relselect

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

มาสร้าง RelSelect กับแหล่งข้อมูล User และฟิลด์ Login

เพื่อให้ RelSelect ทำงานได้ คุณต้องส่งข้อมูลที่จำเป็นโดยใช้กระบวนการทางธุรกิจ

BP ต้องรับข้อมูลโดยใช้บล็อก GET และส่งต่อไปยัง RelSelect, โดยใช้ RelSelect Update Properties

โหลดผู้ดูแลระบบทั้งหมดของแอปพลิเคชันลงใน RelSelect กันเถอะ ใช้ Server Request GET /user/ บล็อก ตั้งค่าเริ่มต้นของ groups ฟิลด์อินพุตเป็น admin ดังนั้นในช่องข้อมูลผลลัพธ์ เราจะรับเฉพาะผู้ใช้จากกลุ่มผู้ Admin เท่านั้น ส่งข้อมูลนี้ไปยัง RelSelect Update Properties.

เพื่อให้ช่องข้อมูลปรากฏใน RelSelect Update Properties ให้ระบุ Component ID

ตอนนี้ RelSelect จะแสดงการเข้าสู่ระบบของผู้ดูแลระบบแอปพลิเคชันทั้งหมด

การเลือกโดยผู้ใช้สามารถนำไปใช้ใน BP ได้ในภายหลัง มีฟิลด์ที่ selected สำหรับจุดประสงค์นี้ มันเก็บค่าที่เลือก

สมมติว่าเรามีโมเดลข้อมูล task ที่เกี่ยวข้องกับผู้ใช้ ด้วย RelSelect เราสามารถแสดงเฉพาะ tasks ที่เกี่ยวข้องกับผู้ใช้ที่เลือก

มาเพิ่มตาราง task ในเพจและกลับไปที่ BP ที่กำหนดค่าสำหรับ RelSelect

สร้าง BP อื่นในนั้นสำหรับทริกเกอร์ onChange ซึ่งจะอัปเดตข้อมูลในตารางตามการเลือกใน RelSelect

ด้วย RelSelect Get Properties เราได้รับผู้ใช้ที่เลือก

ขยายด้วย Expand User ส่ง ID ไปยังบล็อก Server Request GET /task/ และส่งข้อมูลไปยังบล็อก Table Update Data

เมื่อเลือกผู้ใช้ใน RelSelect ตารางงานจะแสดงบันทึกที่เกี่ยวข้องกับผู้ใช้ที่เลือก