rich-grid.component.html
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div>
<h1>Rich Grid with Pure JavaScript</h1>
<div style="clear: both;"></div>
<div *ngIf="showGrid">
<button md-raised-button (click)="addNewRow()" type="button">Добавить новое поле</button>
<button md-raised-button (click)="deleteRows()" type="button">Удалить</button>
<div *ngIf="isLoading" class="">
...Loading
</div>
<ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-fresh"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="rowData"
enableColResize
enableSorting
enableFilter
groupHeaders
suppressRowClickSelection
toolPanelSuppressGroups
toolPanelSuppressValues
debug
rowHeight="22"
rowSelection="multiple"
(cellClicked)="onCellClicked($event)"
(cellDoubleClicked)="onCellDoubleClicked($event)"
(cellContextMenu)="onCellContextMenu($event)"
(cellValueChanged)="onCellValueChanged($event)"
(cellFocused)="onCellFocused($event)"
(rowSelected)="onRowSelected($event)"
(selectionChanged)="onSelectionChanged()"
(beforeFilterChanged)="onBeforeFilterChanged()"
(afterFilterChanged)="onAfterFilterChanged()"
(filterModified)="onFilterModified()"
(beforeSortChanged)="onBeforeSortChanged()"
(afterSortChanged)="onAfterSortChanged()"
(virtualRowRemoved)="onVirtualRowRemoved($event)"
(rowClicked)="onRowClicked($event)" >
</ag-grid-ng2>
</div>
</div>