TagList コントロール

  • [アーティクル]

データ表示するために使用されるコントロールです。

Note

説明書の全文とソース コードは、GitHub コード コンポーネント リポジトリ を参照してください。

TagList コントロール。

説明設定

このコード コンポーネントは、コレクションにバインドされた柔軟な幅のレンダリングを提供するタグ リストを提供します。

プロパティ​​

重要なプロパティ

Property 説明設定
SelectedKey 選択するキー。 これは、ユーザーがコントロールを操作したときに OnChange イベントで更新されます。
Items レンダリングするアクション項目

Items のプロパティ

各項目は、次のスキーマを使用して、コンポーネント内のデータを視覚化します。

件名 説明設定
ItemDisplayName コマンド/タブ/メニュー項目の表示名
ItemKey 選択されている項目を示すため、およびサブ項目を追加するときに使用するキー。 キーは一意である必要があります。
ItemIconName 使用する Fluent UI アイコン (Fluent UI アイコンを参照)
ItemIconColor アイコンをレンダリングする色 (たとえば、名前付き、RGB、または 16 進数値)
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"
  }
)

スタイル プロパティ

件名 説明設定
Theme Fluent UI テーマ デザイナー (windows.net) を使用して生成された JSON 文字列を受け入れます。 これを空白のままにすると、Power Apps が定義した既定のテーマが使用されます。 構成方法に関するガイドラインは、テーマ を参照してください。
AccessibilityLabel スクリーン リーダーの aria-label

イベントのプロパティ

件名 説明設定
InputEvent コントロールに送信するイベント (例: SetFocus)

Behavior

SetFocus を InputEvent としてサポートします。

制限

このコード コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。