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

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

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

Select

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

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

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

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 ตารางงานจะแสดงบันทึกที่เกี่ยวข้องกับผู้ใช้ที่เลือก

AppMaster 101คอร์สเร่งรัด

10 โมดูล
2 สัปดาห์

ไม่แน่ใจว่าจะเริ่มจากตรงไหน? เริ่มต้นด้วยคอร์สเร่งรัดสำหรับผู้เริ่มต้นของเราและสำรวจ AppMaster ตั้งแต่ต้นจนจบ

เริ่มต้น
AppMaster 101 Crash Course

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

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

headphones

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

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

message

แชทชุมชน

เชื่อมต่อกับผู้ใช้คนอื่นเพื่อรับความช่วยเหลือเกี่ยวกับแพลตฟอร์ม

เข้าร่วมชุมชน
วิธีใช้องค์ประกอบต่างๆ เพื่อเลือกตัวเลือก | AppMaster University