クラス IgxGridCellComponent

IgxGridCellComponent への参照を提供します:

@ViewChild('grid', { read: IgxGridComponent })
 public grid: IgxGridComponent;
 let column = this.grid.columnList.first;
 let cell = column.cells[0];

階層

実装

  • 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

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

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
  • セルの ID を取得します。

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

    IgxGridCellComponent

    返却 object

columnIndex

  • get columnIndex(): number
  • セル列の index を取得します。

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

    IgxGridCellComponent

    返却 number

context

  • get context(): any
  • セル テンプレートのコンテキスト オブジェクトを取得します。

     let context = this.cell.context();
    次のメンバー:

    IgxGridCellComponent

    返却 any

describedby

  • get describedby(): string
  • グリッドの id および列の field を含む "_" によって連結される文字列を返します。

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

    IgxGridCellComponent

    返却 string

dirty

  • get dirty(): any

editValue

  • get editValue(): any
  • set editValue(value: any): void
  • 編集モードのセルの現在の編集値を取得します。 セル編集モードのみ。

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

    IgxGridCellComponent

    返却 any

  • 編集モードのセルの現在の編集値を設定します。 セル編集モードのみ。

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

    IgxGridCellComponent

    パラメーター

    • value: any

    返却 void

formatter

  • get formatter(): function
  • セル フォーマッタを取得します。

    let cellForamatter = this.cell.formatter;
    次のメンバー:

    IgxGridCellComponent

    返却 function

      • (value: any): any
      • パラメーター

        • value: any

        返却 any

grid

  • get grid(): any
  • セルのグリッドを取得します。

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

    IgxGridCellComponent

    返却 any

gridID

  • get gridID(): any
  • セルに配置されるグリッドの id を取得します。

    let gridId = this.cell.gridID;
    次のメンバー:

    IgxGridCellComponent

    返却 any

inEditMode

  • get inEditMode(): boolean
  • set inEditMode(value: boolean): void
  • セルが編集モードにあるかどうかを取得します。

    let isCellInEditMode = this.cell.inEditMode;
    次のメンバー:

    IgxGridCellComponent

    返却 boolean

  • セルの編集モードを有効または無効にします。

    this.cell.inEditMode = true;
    次のメンバー:

    IgxGridCellComponent

    パラメーター

    • value: boolean

    返却 void

isLastPinned

  • get isLastPinned(): boolean
  • セルがピン固定領域の最後の列に配置されるかどうかを取得します。

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

    IgxGridCellComponent

    返却 boolean

isLastUnpinned

  • get isLastUnpinned(): boolean
  • セルがピン固定されない領域の最後の列に配置されるかどうかを取得します。

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

    IgxGridCellComponent

    返却 boolean

isPinned

  • get isPinned(): boolean
  • セルがピン固定列に配置されるかどうかを取得します。

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

    IgxGridCellComponent

    返却 boolean

nativeElement

  • get nativeElement(): any
  • セルの nativeElement への参照を返します。

    let cellNativeElement = this.cell.nativeElement;
    次のメンバー:

    IgxGridCellComponent

    返却 any

readonly

  • get readonly(): boolean
  • セルが編集可能かどうかを取得します。

    let isCellReadonly = this.cell.readonly;
    次のメンバー:

    IgxGridCellComponent

    返却 boolean

rowIndex

  • get rowIndex(): number
  • セルに配置される行の index を取得します。

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

    IgxGridCellComponent

    返却 number

selected

  • get selected(): boolean
  • set selected(val: boolean): void
  • セルが選択されているかどうかを取得します。

    let isSelected = this.cell.selected;
    次のメンバー:

    IgxGridCellComponent

    返却 boolean

  • セルを選択または選択解除します。

    this.cell.selected = true.
    次のメンバー:

    IgxGridCellComponent

    パラメーター

    • val: boolean

    返却 void

styleClasses

  • get styleClasses(): string
  • セルのスタイル クラスを取得します。

    let cellStyleClasses = this.cell.styleClasses.
    次のメンバー:

    IgxGridCellComponent

    返却 string

template

  • get template(): TemplateRef<any>
  • セル テンプレートを取得します。

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

    IgxGridCellComponent

    返却 TemplateRef<any>

unpinnedColumnIndex

  • get unpinnedColumnIndex(): number
  • セルに配置されるピン固定されない列の index を取得します。

    let unpinnedColumnIndex = this.cell.ununpinnedColumnIndex;
    次のメンバー:

    IgxGridCellComponent

    返却 number

visibleColumnIndex

  • get visibleColumnIndex(): number
  • セルに配置される列の表示 index を取得します。

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

    IgxGridCellComponent

    返却 number

width

  • get width(): string
  • セルの幅を取得します。

    let cellWidth = this.cell.width;
    次のメンバー:

    IgxGridCellComponent

    返却 string

メソッド

_updateCellSelectionStatus

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

clearHighlight

  • clearHighlight(): void
  • セルのテキストの強調表示をクリアします。

    this.cell.clearHighLight();
    次のメンバー:

    IgxGridCellComponent

    返却 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
  • セルが選択されているかどうかを取得します。

    let isCellSelected = thid.cell.isCellSelected();
    次のメンバー:

    IgxGridCellComponent

    返却 boolean

onKeydownEnterEditMode

  • onKeydownEnterEditMode(event: any): void

onKeydownExitEditMode

  • onKeydownExitEditMode(event: any): void

update

  • update(val: any): void
  • セルに新しい値を設定します。

    this.cell.update('New Value');
    次のメンバー:

    IgxGridCellComponent

    パラメーター

    • val: any

    返却 void