Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

Class IgxActionStripComponent

Action Strip は 1 つ以上のアクションのテンプレート領域を提供します。

Igx Module

IgxActionStripModule

Igx Theme

igx-action-strip-theme

Igx Keywords

action, strip, actionStrip, pinning, editing

Igx Group

データ入力 & 表示

備考

Ignite UI Action Strip は、その親コンテナーをオーバーレイするコンテナーであり、 ストリップがインスタンス化または表示される親コンポーネントに適用可能なアクションを含むアクション ボタンを表示します。

例

<igx-action-strip #actionStrip>
    <igx-icon (click)="doSomeAction()"></igx-icon>
</igx-action-strip>

階層

Hierarchy

  • DisplayDensityBase
    • IgxActionStripComponent

実装

  • IgxActionStripToken
  • AfterContentInit
  • AfterViewInit

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

constructor

プロパティ

context

context: any

Action Strip のコンテキストを設定します。 コンテキストは、要素プロパティを持つ @Component のインスタンスである必要があります。 この要素は Action Strip のプレースホルダーになります。

例

<igx-action-strip [context]="cell"></igx-action-strip>

densityChanged

densityChanged: EventEmitter<IDensityChangedEventArgs> = ...

hidden

hidden: boolean = false

アクション ストリップの表示/非表示を取得/設定します。 アクション ストリップを最初に非表示にするかどうかの設定に使用できます。

例

 <igx-action-strip [hidden]="false">

アクセサー

displayDensity

resourceStrings

メソッド

getComponentSizeStyles

  • getComponentSizeStyles(): "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"

  • 表示密度の値に基づいて --component-size CSS 変数を設定します。

    返却 "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"

hide

show