TagList ตัวควบคุม

ตัวควบคุมที่ใช้แสดงข้อมูล

หมายเหตุ

รหัสแหล่งที่มาของส่วนประกอบและข้อมูลเพิ่มเติมใน ที่เก็บส่วนประกอบของโค้ด GitHub

Description

ส่วนประกอบของโค้ดนี้จัดเตรียมรายการแท็กที่มีการแสดงความกว้างที่ยืดหยุ่นซึ่งผูกไว้กับคอลเลกชัน

คุณสมบัติ

คุณสมบัติที่สำคัญ

คุณสมบัติ	Description
SelectedKey	คีย์ที่จะเลือก สิ่งนี้จะได้รับการอัปเดตผ่านทางเหตุการณ์ OnChange เมื่อผู้ใช้โต้ตอบกับตัวควบคุม
Items	รายการการดำเนินการที่จะแสดง

Itemsคุณสมบัติ

แต่ละรายการใช้สคีมาต่อไปนี้ เพื่อแสดงภาพข้อมูลในองค์ประกอบ

Name	Description
ItemDisplayName	ชื่อที่แสดงของรายการ คำสั่ง/แท็บ/เมนู
ItemKey	คีย์ที่ใช้ระบุรายการที่เลือก และเมื่อเพิ่มรายการย่อย คีย์ต้องไม่ซ้ำกัน
ItemIconName	ไอคอน Fluent UI ที่จะใช้ (ดู ไอคอน Fluent UI)
ItemIconColor	สีสำหรับแสดงไอคอนเป็น (เช่น ชื่อ RGB หรือค่าฐานสิบหก)
ItemTextColor	สีของข้อความภายในแท็ก
ItemBackgroundColor	สีพื้นหลังของแท็ก

ตัวอย่าง:

Table(
  {
  	ItemDisplayName: "Power Apps",
  	ItemKey: "1",
  	ItemEnabled: true,
      ItemChecked: true,
  	ItemIconName: "Powerapps",
  	ItemIconColor: "purple",
  	ItemTextColor: "purple",
  	ItemBackgroundColor: "lightpurple"
  },
  {
  	ItemDisplayName: "Power Automate",
  	ItemKey: "2",
  	ItemEnabled: false,
  	ItemIconName: "MicrosoftFlowLogo",
  	ItemIconColor: "Blue",
  	ItemTextColor: "blue",
  	ItemBackgroundColor: "lightBlue"
  },
  {
  	ItemDisplayName: "Power BI",
  	ItemKey: "3",
  	ItemEnabled: false,
  	ItemIconName: "Powerbilogo",
  	ItemIconColor: "black",
  	ItemTextColor: "black",
  	ItemBackgroundColor: "#fce100"
  }
)

คุณสมบัติ Style

Name	Description
Theme	ยอมรับสตริง JSON ที่สร้างขึ้นโดยใช้ ตัวออกแบบธีม Fluent UI (windows.net) การเว้นว่างไว้จะใช้ธีมเริ่มต้นที่กำหนดโดย Power Apps ดูที่ ชุดรูปแบบ สำหรับความช่วยเหลือเกี่ยวกับวิธีกำหนดค่า
AccessibilityLabel	ป้ายชื่อ aria สำหรับโปรแกรมอ่านหน้าจอ

คุณสมบัติ Event

Name	Description
InputEvent	เหตุการณ์ที่ส่งตัวควบคุม (เช่น SetFocus)

พฤติกรรม

รองรับ SetFocus เป็น InputEvent

ข้อจำกัด

ส่วนประกอบโค้ดนี้ใช้ได้เฉพาะในแอปพื้นที่ทำงานและหน้าที่กำหนดเองเท่านั้น