クラス IgxTreeGridCellComponent

階層

実装

  • OnInit
  • AfterViewInit

コンストラクタ

constructor

プロパティ

activeHighlightClass

activeHighlightClass: string = "igx-highlight__active"

セルのアクティブな強調表示クラスを取得または設定します。 デフォルト値は "igx-highlight__active" です。

let activeHighlightClass = this.cell.activeHighlightClass;
this.cell.activeHighlightClass = 'igx-cell-highlight_active';
次のメンバー:

IgxGridCellComponent

cdr

cdr: ChangeDetectorRef

cellTemplate

cellTemplate: TemplateRef<any>

セルのテンプレートを取得または設定します。

<ng-template #cellTemplate igxCell let-value>
  <div style="font-style: oblique; color:blueviolet; background:red">
      <span>{{value}}</span>
  </div>
</ng-template>
@ViewChild('cellTemplate',{read: TemplateRef})
cellTemplate: TemplateRef<any>;
this.cell.cellTemplate = this.cellTemplate;
let template =  this.cell.cellTemplate;
次のメンバー:

IgxGridCellComponent

column

セルの列を取得します。

 let cellColumn = this.cell.column;
次のメンバー:

IgxGridCellComponent

document

document: any

focused

focused: boolean = false

gridAPI

gridAPI: GridBaseAPIService<IgxGridBaseComponent>

highlightClass

highlightClass: string = "igx-highlight"

セルの強調表示クラスを取得または設定します。 デフォルト値は "igx-highlight" です。

let highlightClass = this.cell.highlightClass;
this.cell.highlightClass = 'igx-cell-highlight';
次のメンバー:

IgxGridCellComponent

indentationDiv

indentationDiv: ElementRef

indicator

indicator: ElementRef

isInCompositionMode

isInCompositionMode: boolean = false

role

role: string = "gridcell"

セルの role プロパティを取得または設定します。 デフォルト値は "gridcell" です。

this.cell.role = 'grid-cell';
let cellRole = this.cell.role;
次のメンバー:

IgxGridCellComponent

row

row: any

セルの行を取得します。

let cellRow = this.cell.row;
次のメンバー:

IgxGridCellComponent

selection

selection: IgxSelectionAPIService

tabindex

tabindex: number = 0

セルの tabindex プロパティを取得または設定します。 デフォルト値は 0 です。

this.cell.tabindex = 1;
let cellTabIndex = this.cell.tabindex;
次のメンバー:

IgxGridCellComponent

value

value: any

セル値を取得または設定します。

this.cell.value = "Cell Value";
let cellValue = this.cell.value;
次のメンバー:

IgxGridCellComponent

アクセサー

cellID

  • get cellID(): object

columnIndex

  • get columnIndex(): number

context

  • get context(): any

describedby

  • get describedby(): string

dirty

  • get dirty(): any

editValue

  • get editValue(): any
  • set editValue(value: any): void

formatter

  • get formatter(): function

grid

  • get grid(): any

gridID

  • get gridID(): any

inEditMode

  • get inEditMode(): boolean
  • set inEditMode(value: boolean): void

isLastPinned

  • get isLastPinned(): boolean

isLastUnpinned

  • get isLastUnpinned(): boolean

isPinned

  • get isPinned(): boolean

nativeElement

  • get nativeElement(): any

readonly

  • get readonly(): boolean

rowIndex

  • get rowIndex(): number

selected

  • get selected(): boolean
  • set selected(val: boolean): void

styleClasses

  • get styleClasses(): string

template

  • get template(): TemplateRef<any>

unpinnedColumnIndex

  • get unpinnedColumnIndex(): number

visibleColumnIndex

  • get visibleColumnIndex(): number

width

  • get width(): string

メソッド

_updateCellSelectionStatus

  • _updateCellSelectionStatus(fireFocus?: boolean, event: any): void

clearHighlight

  • clearHighlight(): void

dispatchEvent

  • dispatchEvent(event: KeyboardEvent): void

highlightText

  • highlightText(text: string, caseSensitive?: boolean, exactMatch?: boolean): number
  • 提供された文字列がセルのテキストと一致する場合、テキストが強調表示になります。

    this.cell.highlightText('Cell Value', true);
    次のメンバー:

    IgxGridCellComponent

    パラメーター

    • text: string
    • オプション caseSensitive: boolean
    • オプション exactMatch: boolean

    返却 number

isCellSelected

  • isCellSelected(): boolean

onKeydownEnterEditMode

  • onKeydownEnterEditMode(event: any): void

onKeydownExitEditMode

  • onKeydownExitEditMode(event: any): void

update

  • update(val: any): void