|
4 | 4 | <button igxButton="contained" (click)="logTransactionsIsland1()">RI1 Transactions</button> |
5 | 5 | <button igxButton="contained" (click)="commitTransactionsIsland1()">Commit R1 Transactions</button> |
6 | 6 | <div class="wrapper"> |
7 | | - <igx-hierarchical-grid #grid1 [batchEditing]="true" [data]="remoteData" [rowEditable]="true" [primaryKey]="'CustomerID'" [autoGenerate]="false" |
8 | | - [height]="'800px'" [width]="'100%'" #hGrid> |
9 | | - <igx-column field="CustomerID"></igx-column> |
10 | | - <igx-column field="CompanyName"></igx-column> |
11 | | - <igx-column field="ContactName"></igx-column> |
12 | | - <igx-column field="ContactTitle"></igx-column> |
13 | | - <igx-column field="Country"></igx-column> |
14 | | - <igx-column field="Phone"></igx-column> |
15 | | - <igx-row-island #rowIsland1 [key]="'Orders'" [primaryKey]="'OrderID'" [autoGenerate]="false" |
16 | | - [rowSelection]="selectionMode" (gridCreated)="gridCreated($event, rowIsland1)" |
17 | | - [rowEditable]="true"> |
18 | | - <igx-column field="OrderID"></igx-column> |
19 | | - <igx-column field="OrderDate" [dataType]="'date'"></igx-column> |
20 | | - <igx-column field="ShipCountry"></igx-column> |
21 | | - <igx-column field="ShipCity"></igx-column> |
22 | | - <igx-column field="ShipAddress"></igx-column> |
23 | | - <igx-row-island #rowIsland2 [key]="'Order_Details'" [height]="'300px'" [primaryKey]="'ProductID'" |
24 | | - [autoGenerate]="false" [rowSelection]="selectionMode" (gridCreated)="gridCreated($event, rowIsland2)"> |
25 | | - <igx-column field="ProductID"></igx-column> |
26 | | - <igx-column field="UnitPrice" [dataType]="'currency'"></igx-column> |
27 | | - <igx-column field="Quantity"></igx-column> |
28 | | - <igx-column field="Discount" [dataType]="'percent'"></igx-column> |
29 | | - </igx-row-island> |
30 | | - </igx-row-island> |
31 | | - </igx-hierarchical-grid> |
32 | | - </div> |
| 7 | + <igx-hierarchical-grid #grid1 [batchEditing]="true" [data]="remoteData" [rowEditable]="true" [primaryKey]="'CustomerID'" [autoGenerate]="false" |
| 8 | + [height]="'800px'" [width]="'100%'" #hGrid> |
| 9 | + <igx-column field="CustomerID"></igx-column> |
| 10 | + <igx-column field="CompanyName"></igx-column> |
| 11 | + <igx-column field="ContactName"></igx-column> |
| 12 | + <igx-column field="ContactTitle"></igx-column> |
| 13 | + <igx-column field="Country"></igx-column> |
| 14 | + <igx-column field="Phone"></igx-column> |
| 15 | + <igx-row-island #rowIsland1 [key]="'Orders'" [primaryKey]="'OrderID'" [autoGenerate]="false" |
| 16 | + [rowSelection]="selectionMode" (gridCreated)="gridCreated($event, rowIsland1)" |
| 17 | + [rowEditable]="true"> |
| 18 | + <igx-column field="OrderID"></igx-column> |
| 19 | + <igx-column field="OrderDate" [dataType]="'date'"></igx-column> |
| 20 | + <igx-column field="ShipCountry"></igx-column> |
| 21 | + <igx-column field="ShipCity"></igx-column> |
| 22 | + <igx-column field="ShipAddress"></igx-column> |
| 23 | + <igx-row-island #rowIsland2 [key]="'Order_Details'" [height]="'300px'" [primaryKey]="'ProductID'" |
| 24 | + [autoGenerate]="false" [rowSelection]="selectionMode" (gridCreated)="gridCreated($event, rowIsland2)"> |
| 25 | + <igx-column field="ProductID"></igx-column> |
| 26 | + <igx-column field="UnitPrice" [dataType]="'currency'"></igx-column> |
| 27 | + <igx-column field="Quantity"></igx-column> |
| 28 | + <igx-column field="Discount" [dataType]="'percent'"></igx-column> |
| 29 | + </igx-row-island> |
| 30 | + </igx-row-island> |
| 31 | + </igx-hierarchical-grid> |
| 32 | +</div> |
0 commit comments