TagList コントロール
データ表示するために使用されるコントロールです。
Note
説明書の全文とソース コードは、GitHub コード コンポーネント リポジトリ を参照してください。
説明設定
このコード コンポーネントは、コレクションにバインドされた柔軟な幅のレンダリングを提供するタグ リストを提供します。
プロパティ
重要なプロパティ
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
としてサポートします。
制限
このコード コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。