#82 emit single/double row click events

This commit is contained in:
Denys Vuika
2016-05-19 17:02:40 +01:00
parent 533626dcb8
commit 90452d34f8
2 changed files with 17 additions and 4 deletions

View File

@@ -24,7 +24,7 @@
<td *ngFor="#col of data.columns" [ngSwitch]="col.type"
class="mdl-data-table__cell--non-numeric data-cell {{col.cssClass}}"
(click)="onRowClicked(row, $event)">
(click)="onRowClick(row, $event)" (dblclick)="onRowDblClick(row, $event)">
<div *ngSwitchWhen="'image'">
<i *ngIf="isIconValue(row, col)" class="material-icons folder-thumbnail">{{asIconValue(row, col)}}</i>
<img *ngIf="!isIconValue(row, col)" class="document-thumbnail" alt="" src="{{data.getValue(row, col)}}">

View File

@@ -47,7 +47,10 @@ export class DataTableComponent implements OnInit, AfterViewChecked {
data: DataTableAdapter;
@Output()
onRowClick: EventEmitter<any> = new EventEmitter();
rowClick: EventEmitter<any> = new EventEmitter();
@Output()
rowDblClick: EventEmitter<any> = new EventEmitter();
ngOnInit() {
if (this.data) {
@@ -64,12 +67,22 @@ export class DataTableComponent implements OnInit, AfterViewChecked {
}
}
onRowClicked(row: DataRow, e?) {
onRowClick(row: DataRow, e?) {
if (e) {
e.preventDefault();
}
this.onRowClick.emit({
this.rowClick.emit({
value: row
});
}
onRowDblClick(row: DataRow, e?) {
if (e) {
e.preventDefault();
}
this.rowDblClick.emit({
value: row
});
}