クラス IgxGridCellComponent

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

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

階層

実装

  • OnInit
  • OnChanges
  • OnDestroy

コンストラクタ

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;
memberof

IgxGridCellComponent

editMode

editMode: boolean = false

セルが編集モードにあるかどうかを返します。

formatter

formatter: function

セル フォーマッタを取得します。

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

IgxGridCellComponent

Type declaration

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

      • value: any

      返却 any

gridAPI

gridAPI: GridBaseAPIService<IgxGridBaseComponent & IGridDataBindable>

highlightClass

highlightClass: string = "igx-highlight"

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

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

IgxGridCellComponent

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

rowData

rowData: any

セルの行のデータを取得します。

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

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

width

width: string = ""

セルの幅を取得します。

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

IgxGridCellComponent

アクセサー

cellID

  • get cellID(): object
  • セルの ID を取得します。

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

    IgxGridCellComponent

    返却 object

colEnd

  • get colEnd(): number

colStart

  • get colStart(): number

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

  • Sets the current edit value while a cell is in edit mode. Only for cell editing mode.

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

    IgxGridCellComponent

    パラメーター

    • value: any

    返却 void

editable

  • get editable(): boolean

grid

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

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

    IgxGridCellComponent

    返却 any

gridColumnSpan

  • get gridColumnSpan(): number

gridID

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

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

    IgxGridCellComponent

    返却 any

gridRowSpan

  • get gridRowSpan(): number

inEditMode

  • get inEditMode(): boolean
  • set inEditMode(value: boolean): void
  • 非推奨。

    ゲッターとして cell.editMode を使用し、編集モードを開始または終了するために cell.setEditMode(true | false) を使用してください。 セルが編集モードにあるかどうかを取得またはします。

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

    IgxGridCellComponent

    返却 boolean

  • パラメーター

    • value: boolean

    返却 void

nativeElement

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

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

    IgxGridCellComponent

    返却 HTMLElement

readonly

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

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

    IgxGridCellComponent

    返却 boolean

rowEnd

  • get rowEnd(): number

rowIndex

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

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

    IgxGridCellComponent

    返却 number

rowStart

  • get rowStart(): 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

template

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

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

    IgxGridCellComponent

    返却 TemplateRef<any>

visibleColumnIndex

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

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

    IgxGridCellComponent

    返却 number

  • セルに配置される列の表示 index を取得します。

    let visibleColumnIndex = this.cell.visibleColumnIndex;

    パラメーター

    • val: number

    返却 void

メソッド

clearHighlight

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

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

    IgxGridCellComponent

    返却 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

setEditMode

  • setEditMode(value: boolean): void
  • セルの編集モードを開始または終了します。

    cell.setEditMode(true);

    パラメーター

    • value: boolean

    返却 void

update

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

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

    IgxGridCellComponent

    パラメーター

    • val: any

    返却 void