เพิ่มกล่องรายการ รายการดรอปดาวน์ กล่องคำสั่งผสม หรือปุ่มตัวเลือก ให้กับแอปพื้นที่ทำงาน

แสดงคอลัมน์เดียวของข้อมูล (เช่น จากตารางหลายคอลัมน์) ในแอปพื้นที่ทำงานเพื่อให้ผู้ใช้สามารถเลือกอย่างน้อยหนึ่งรายการในรายการ

• เพิ่มกล่องรายการเพื่ออนุญาตให้ผู้ใช้เลือกมากกว่าหนึ่งตัวเลือก
• เพิ่มรายการแบบดรอปดาวน์หรือกล่องคำสั่งผสมเพื่อใช้พื้นที่ที่น้อยลงบนหน้าจอ
• เพิ่มชุดของปุ่มตัวเลือกสำหรับผลการออกแบบเฉพาะ

หัวข้อนี้เน้นไปที่กล่องรายการและปุ่มตัวเลือก อย่างไรก็ตามหลักการเดียวกันนี้มีผลต่อรายการดรอปดาวน์เช่นกัน

ข้อกำหนดเบื้องต้น

1. สร้าง แอปพื้นที่ทำงานเปล่า
2. เรียนรู้วิธีการ เพิ่มและกำหนดค่าการควบคุม

สร้างรายการอย่างง่าย

1. เพิ่มตัวควบคุม กล่องรายการ ที่ชื่อว่า MyListBox และตั้งค่าคุณสมบัติ Items เป็นนิพจน์นี้:

   ["circle","triangle","rectangle"]
   

   ตัวออกแบบของคุณจะมีลักษณะดังต่อไปนี้:

   

2. บนแท็บ แทรก เลือก ไอคอน เลือกวงกลมและย้ายไปไว้ใต้ MyListBox:

   

3. เพิ่มรูปสามเหลี่ยมและสี่เหลี่ยมผืนผ้า จากนั้นจัดเรียงรูปร่างดังกล่าวในแถวใต้ MyListBox:

   

4. ตั้งค่าคุณสมบัติ Visible ของรูปร่างต่อไปนี้เป็นฟังก์ชันต่อไปนี้:

   รูปร่าง	ตั้งค่าฟังก์ชันมองเห็นได้เป็น
   วงกลม	If("circle" in MyListBox.SelectedItems.Value, true)
   สามเหลี่ยม	If("triangle" in MyListBox.SelectedItems.Value, true)
   สี่เหลี่ยมผืนผ้า	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. ขณะที่กดแป้น Alt ค้างไว้ เลือกอย่างน้อยหนึ่งรูปร่างใน MyListBox

   รูปร่างที่คุณเลือกจะปรากฏขึ้น

ในขั้นตอนเหล่านี้ คุณได้ใช้นิพจน์เพื่อสร้างรายการข้อมูล คุณสามารถนำการดำเนินการนี้ไปใช้กับองค์ประกอบอื่นๆ ภายในธุรกิจของคุณ ตัวอย่างเช่น คุณสามารถใช้ตัวควบคุม ดรอปดาวน์ เพื่อแสดงรูปภาพผลิตภัณฑ์ คำอธิบายผลิตภัณฑ์ และอื่นๆ

เพิ่มปุ่มตัวเลือก

1. บนแท็บ หน้าแรก เลือก หน้าจอใหม่ แล้วเลือก ว่างเปล่า

2. บนแท็บ แทรก เลือก ตัวควบคุม แล้วเลือก ปุ่มตัวเลือก

   

3. เปลี่ยนชื่อตัวควบคุม ปุ่มตัวเลือก เป็น Choices และตั้งค่าคุณสมบัติ Items เป็นสูตรนี้:
   ["red","green","blue"]
   

   

   ถ้าจำเป็น ปรับขนาดตัวควบคุมเพื่อแสดงตัวเลือกทั้งหมด

4. บนแท็บ แทรก เลือก ไอคอน แล้วเลือกวงกลม

5. ตั้งค่าคุณสมบัติ Fill ของวงกลมเป็นฟังก์ชันต่อไปนี้:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   ในสูตรนี้ วงกลมจะเปลี่ยนแปลงสีตามปุ่มตัวเลือกที่คุณเลือก

6. ย้ายวงกลมไปใต้ตัวควบคุม ปุ่มตัวเลือก ตามตัวอย่างนี้:

   

7. ในขณะที่กดแป้น Alt ค้างไว้ เลือกปุ่มตัวเลือกที่แตกต่างกันเพื่อเปลี่ยนสีของวงกลม

เพิ่มรายการไปยังรายการที่มีอยู่

1. เพิ่มตัวควบคุม ปุ่ม และตั้งชื่อว่า "btnReset"

   ไม่ทราบวิธีการ เพิ่ม ตั้งชื่อ และตั้งค่าคอนฟิกตัวควบคุม ใช่หรือไม่

2. ตั้งค่าคุณสมบัติ OnSelect บน btnReset เป็นสูตรนี้:

   ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
   

3. ตั้งค่าคุณสมบัติ Text บน btnReset เป็น "Reset".

4. เพิ่มตัวควบคุม กล่องรายการ ที่ชื่อว่า lbItems และตั้งค่าคุณสมบัติ Items เป็น MyItems

5. ในขณะที่กดคีย์ Alt ค้างไว้ กดปุ่ม รีเซ็ต

   หมายเหตุ

   กล่องรายการควรเติมข้อมูลด้วยรายการจากคอลเลกชัน "MyItems"

6. จัดเรียงกล่องรายการและปุ่ม เพื่อให้เรียงกันในแนวตั้ง

   

7. เพิ่มตัวควบคุม การป้อนข้อความ และตั้งชื่อว่า "txtAdd"

8. ตั้งค่าคุณสมบัติ Text ของ txtAdd เป็น ""

9. เพิ่มตัวควบคุม ปุ่ม และตั้งชื่อว่า "btnAdd"

10. ตั้งค่าคุณสมบัติ Text ของ btnAdd เป็น "Add"

11. ตั้งค่าคุณสมบัติ OnSelect ของ btnAdd เป็นสูตรต่อไปนี้:

    Collect(MyItems,{value: txtAdd.Text}); Reset(txtAdd)
    

    หมายเหตุ

    • ฟังก์ชัน collect จะเพิ่มข้อความจากการป้อนข้อความเป็นรายการในคอลเลกชัน
    • ฟังก์ชัน reset จะรีเซ็ตการป้อนข้อความกลับเป็นสถานะเริ่มต้น

12. จัดเรียง txtAdd และ btnAdd เพื่อเรียงกันเป็นแนวตั้งด้านล่าง lbItems และ btnReset

    

13. แสดงตัวอย่างแอปโดยการกด F5

14. เพิ่มค่าข้อความไปที่ตัวควบคุมการป้อนข้อความ txtAdd

15. กดปุ่มเพิ่ม

    หมายเหตุ

    กล่องรายการควรเติมข้อมูลด้วยรายการจากคอลเลกชัน MyItems

(ไม่บังคับ) ลบรายการออกจากรายการที่มีอยู่

1. เพิ่มตัวควบคุม ปุ่ม และตั้งชื่อว่า "btnDelete"

2. ตั้งค่าคุณสมบัติ Text ของ btnDelete เป็น"Delete"

3. ตั้งค่าคุณสมบัติ OnSelect ของ btnDelete เป็นสูตรต่อไปนี้:

   Remove(MyItems, lbItems.Selected)
   

4. จัดเรียง btnDelete เพื่อให้เรียงเป็นแนวตั้งด้านล่าง btnReset

   

5. แสดงตัวอย่างแอปโดยการกด F5

6. กดปุ่มรีเซ็ตเพื่อรีเซ็ตกล่องรายการ

7. กดรายการในกล่องรายการเพื่อเลือก

8. กดปุ่มลบเพื่อลบรายการ

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)