Fixed #2104

primefaces · Mar 27, 2017 · 9bf8a35 · 9bf8a35
1 parent 66ebcda
commit 9bf8a35
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/components/common/shared.ts b/components/common/shared.ts
@@ -263,6 +263,8 @@ export class ColumnEditorTemplateLoader implements OnInit, OnDestroy {
     @Input() column: any;
 
     @Input() rowData: any;
+
+    @Input() rowIndex: any;
 
     view: EmbeddedViewRef<any>;
 
@@ -271,7 +273,8 @@ export class ColumnEditorTemplateLoader implements OnInit, OnDestroy {
     ngOnInit() {
         this.view = this.viewContainer.createEmbeddedView(this.column.editorTemplate, {
             '\$implicit': this.column,
-            'rowData': this.rowData
+            'rowData': this.rowData,
+            'rowIndex': this.rowIndex
         });
     }
 

diff --git a/components/datatable/datatable.ts b/components/datatable/datatable.ts
@@ -172,8 +172,8 @@ export class ColumnFooters {
                         </span>
                         <div class="ui-cell-editor" *ngIf="col.editable">
                             <input *ngIf="!col.editorTemplate" type="text" [(ngModel)]="rowData[col.field]" required="true"
-                                (keydown)="dt.onCellEditorKeydown($event, col, rowData, colIndex)" class="ui-inputtext ui-widget ui-state-default ui-corner-all"/>
-                            <p-columnEditorTemplateLoader *ngIf="col.editorTemplate" [column]="col" [rowData]="rowData"></p-columnEditorTemplateLoader>
+                                (keydown)="dt.onCellEditorKeydown($event, col, rowData, colIndex, rowIndex)" class="ui-inputtext ui-widget ui-state-default ui-corner-all"/>
+                            <p-columnEditorTemplateLoader *ngIf="col.editorTemplate" [column]="col" [rowData]="rowData" [rowIndex]="rowIndex"></p-columnEditorTemplateLoader>
                         </div>
                         <a href="#" *ngIf="col.expander" (click)="dt.toggleRow(rowData,$event)">
                             <span class="ui-row-toggler fa fa-fw ui-c" [ngClass]="{'fa-chevron-circle-down':dt.isRowExpanded(rowData), 'fa-chevron-circle-right': !dt.isRowExpanded(rowData)}"></span>
@@ -1542,21 +1542,21 @@ export class DataTable implements AfterViewChecked,AfterViewInit,AfterContentIni
         this.domHandler.removeClass(cell, 'ui-cell-editing');
     }
 
-    onCellEditorKeydown(event, column: Column, rowData: any, colIndex: number) {
+    onCellEditorKeydown(event, column: Column, rowData: any, colIndex: number, rowIndex: number) {
         if(this.editable) {
-            this.onEdit.emit({originalEvent: event, column: column, data: rowData});
+            this.onEdit.emit({originalEvent: event, column: column, data: rowData, index: rowIndex});
 
             //enter
             if(event.keyCode == 13) {
-                this.onEditComplete.emit({column: column, data: rowData});
+                this.onEditComplete.emit({column: column, data: rowData, index: rowIndex});
                 this.renderer.invokeElementMethod(event.target, 'blur');
                 this.switchCellToViewMode(event.target);
                 event.preventDefault();
             }
 
             //escape
             else if(event.keyCode == 27) {
-                this.onEditCancel.emit({column: column, data: rowData});
+                this.onEditCancel.emit({column: column, data: rowData, index: rowIndex});
                 this.renderer.invokeElementMethod(event.target, 'blur');
                 this.switchCellToViewMode(event.target);
                 event.preventDefault();

diff --git a/showcase/demo/datatable/datatabledemo.html b/showcase/demo/datatable/datatabledemo.html
@@ -1273,19 +1273,22 @@ <h3>Events</h3>
                             <td>onEdit</td>
                             <td>event.originalEvent: Browser event
                                 event.column: Column object of the cell<br>
-                                event.data: Row data</td>
+                                event.data: Row data <br />
+                                event.index: Row index</td>
                             <td>Callback to invoke when cell data is being edited.</td>
                         </tr>
                         <tr>
                             <td>onEditComplete</td>
                             <td>event.column: Column object of the cell<br>
-                                event.data: Row data</td>
+                                event.data: Row data <br />
+                                event.index: Row index</td>
                             <td>Callback to invoke when cell edit is completed.</td>
                         </tr>
                         <tr>
                             <td>onEditCancel</td>
                             <td>event.column: Column object of the cell<br>
-                                event.data: Row data</td>
+                                event.data: Row data <br />
+                                event.index: Row index</td>
                             <td>Callback to invoke when cell edit is cancelled with escape key.</td>
                         </tr>
                         <tr>