Class ϴIgxGridRowComponent

Hierarchy

IgxRowDirective
- ϴIgxGridRowComponent

Constructors

constructor

new ϴIgxGridRowComponent(grid: GridType, selectionService: IgxGridSelectionService, element: ElementRef<HTMLElement>, cdr: ChangeDetectorRef): ϴIgxGridRowComponent
Inherited from IgxRowDirective.constructor
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:376
Parameters
- grid: GridType
- selectionService: IgxGridSelectionService
- element: ElementRef<HTMLElement>
- cdr: ChangeDetectorRef
Returns ϴIgxGridRowComponent

Properties

cdr

cdr: ChangeDetectorRef

disabled

disabled: boolean = false

Sets whether this specific row has disabled functionality for editing and row selection. Default value is false.

this.grid.selectedRows[0].pinned = true;

element

element: ElementRef<HTMLElement>

grid

grid: GridType

index

index: number

The index of the row.

// get the index of the second selected row
let selectedRowIndex = this.grid.selectedRows[1].index;

selectionService

selectionService: IgxGridSelectionService

Accessors

addRowUI

get addRowUI(): any
Inherited from IgxRowDirective.addRowUI
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:136
Returns any

cellHeight

get cellHeight(): number
Inherited from IgxRowDirective.cellHeight
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:152
Returns number

cells

get cells(): QueryList<CellType>
Inherited from IgxRowDirective.cells
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:189
Gets the rendered cells in the row component.
```
// get the cells of the third selected row
let selectedRowCells = this.grid.selectedRows[2].cells;
```
Returns QueryList<CellType>

data

get data(): any
Inherited from IgxRowDirective.data
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:51
The data passed to the row component.
```
// get the row data for the first selected row
let selectedRowData = this.grid.selectedRows[0].data;
```
Returns any
set data(v: any): void
Inherited from IgxRowDirective.data
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:64
Parameters
- v: any
Returns void

dataRowIndex

get dataRowIndex(): number
Inherited from IgxRowDirective.dataRowIndex
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:200
Returns number

expanded

get expanded(): boolean
Inherited from IgxRowDirective.expanded
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:121
Gets the expanded state of the row.
```
let isExpanded = row.expanded;
```
Returns boolean
set expanded(val: boolean): void
Inherited from IgxRowDirective.expanded
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:132
Expands/collapses the current row.
```
this.grid.selectedRows[2].expanded = true;
```
Parameters
- val: boolean
Returns void

inEditMode

get inEditMode(): boolean
Inherited from IgxRowDirective.inEditMode
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:316
Returns boolean

key

get key(): any
Inherited from IgxRowDirective.key
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:335
Gets the ID of the row. A row in the grid is identified either by:
- primaryKey data value,
- the whole data, if the primaryKey is omitted.
```
let rowID = this.grid.selectedRows[2].key;
```
Returns any

mrlRightPinnedOffset

get mrlRightPinnedOffset(): string
- Defined in projects/igniteui-angular/src/lib/grids/grid/grid-row.component.ts:19
Returns string

nativeElement

get nativeElement(): HTMLElement
Inherited from IgxRowDirective.nativeElement
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:352
The native DOM element representing the row. Could be null in certain environments.
```
// get the nativeElement of the second selected row
let selectedRowNativeElement = this.grid.selectedRows[1].nativeElement;
```
Returns HTMLElement

pinned

get pinned(): boolean
Inherited from IgxRowDirective.pinned
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:111
Gets whether the row is pinned.
```
let isPinned = row.pinned;
```
Returns boolean
set pinned(value: boolean): void
Inherited from IgxRowDirective.pinned
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:97
Sets whether the row is pinned. Default value is false.
```
this.grid.selectedRows[0].pinned = true;
```
Parameters
- value: boolean
Returns void

rowHeight

get rowHeight(): number
Inherited from IgxRowDirective.rowHeight
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:142
Returns number

selected

set selected(value: boolean): void
Inherited from IgxRowDirective.selected
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:214
Parameters
- value: boolean
Returns void

virtDirRow

get virtDirRow(): IgxGridForOfDirective<any>
Inherited from IgxRowDirective.virtDirRow
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:168
Returns IgxGridForOfDirective<any>

Methods

beginAddRow

beginAddRow(): void
Inherited from IgxRowDirective.beginAddRow
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:556
Spawns the add row UI for the specific row.

Example
```
const row = this.grid1.getRowByIndex(1);
row.beginAddRow();
```
Returns void

delete

delete(): void
Inherited from IgxRowDirective.delete
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:489
Removes the specified row from the grid's data source. This method emits rowDeleted event.
```
// delete the third selected row from the grid
this.grid.selectedRows[2].delete();
```
Returns void

getContext

getContext(col: any, row: any): {
$implicit: any;
row: any;
}
- Defined in projects/igniteui-angular/src/lib/grids/grid/grid-row.component.ts:12
Parameters
- col: any
- row: any
Returns {
$implicit: any;
row: any;
}
- $implicit: any
- row: any

getContextMRL

getContextMRL(pinnedCols: any, row: any): {
$implicit: any;
row: any;
}
- Defined in projects/igniteui-angular/src/lib/grids/grid/grid-row.component.ts:25
Parameters
- pinnedCols: any
- row: any
Returns {
$implicit: any;
row: any;
}
- $implicit: any
- row: any

isCellActive

isCellActive(visibleColumnIndex: any): boolean
Inherited from IgxRowDirective.isCellActive
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:493
Parameters
- visibleColumnIndex: any
Returns boolean

pin(): boolean
Inherited from IgxRowDirective.pin
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:507
Pins the specified row. This method emits rowPinning``rowPinned event.
```
// pin the selected row from the grid
this.grid.selectedRows[0].pin();
```
Returns boolean

unpin

unpin(): boolean
Inherited from IgxRowDirective.unpin
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:520
Unpins the specified row. This method emits rowPinning``rowPinned event.
```
// unpin the selected row from the grid
this.grid.selectedRows[0].unpin();
```
Returns boolean

update

update(value: any): void
Inherited from IgxRowDirective.update
- Defined in projects/igniteui-angular/src/lib/grids/row.directive.ts:470
Updates the specified row object and the data source record with the passed value.
```
// update the second selected row's value
let newValue = "Apple";
this.grid.selectedRows[1].update(newValue);
```
Parameters
- value: any
Returns void

Class ϴIgxGridRowComponent

Hierarchy

Hierarchy

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

grid: GridType

selectionService: IgxGridSelectionService

element: ElementRef<HTMLElement>

cdr: ChangeDetectorRef

Returns ϴIgxGridRowComponent

Properties

cdr

disabled

element

grid

index

selectionService

Accessors

addRowUI

Returns any

cellHeight

Returns number

cells

Returns QueryList<CellType>

data

Returns any

Parameters

v: any

Returns void

dataRowIndex

Returns number

expanded

Returns boolean

Parameters

val: boolean

Returns void

inEditMode

Returns boolean

key

Returns any

mrlRightPinnedOffset

Returns string

nativeElement

Returns HTMLElement

pinned

Returns boolean

Parameters

value: boolean

Returns void

rowHeight

Returns number

selected

Parameters

value: boolean

Returns void

virtDirRow

Returns IgxGridForOfDirective<any>

Methods

beginAddRow

Example

Returns void

delete

Returns void

getContext

Parameters

col: any

row: any

Returns { $implicit: any; row: any; }

$implicit: any

row: any

getContextMRL

Parameters

pinnedCols: any

row: any

Returns { $implicit: any; row: any; }

Returns {
$implicit: any;
row: any;
}

Returns {
$implicit: any;
row: any;
}