extra DOM events for DataTable (#1723)

* extra DOM events for DataTable

- support for ‘row-click’ DOM event (bubbling)
- support for ‘row-dblclick’ DOM event (bubbling)
- DataRowEvent exposes ‘sender’ property to simplify access to
component from within handlers
- readme and test updates

* fix unit tests
This commit is contained in:
Denys Vuika
2017-03-14 10:17:33 +00:00
committed by Mario Romano
parent 55137917bd
commit f3de023ab3
11 changed files with 114 additions and 20 deletions

View File

@@ -37,7 +37,10 @@
[sort]="taskFilter.filter.sort"
[data]="dataTasks"
[landingTaskId]="currentTaskId"
(rowClick)="onTaskRowClick($event)" (onSuccess)="onSuccessTaskList($event)"
(rowClick)="onTaskRowClick($event)"
(onSuccess)="onSuccessTaskList($event)"
(row-click)="onRowClick($event)"
(row-dblclick)="onRowDblClick($event)"
#activititasklist>
<!-- Custom column definition demo -->
<!--

View File

@@ -288,4 +288,12 @@ export class ActivitiDemoComponent implements AfterViewInit {
this.activitiprocessfilter.selectFilter(null);
}
onRowClick(event) {
console.log(event);
}
onRowDblClick(event) {
console.log(event);
}
}

View File

@@ -4,7 +4,9 @@
[multiselect]="multiselect"
[actions]="true"
(showRowActionsMenu)="onShowRowActionsMenu($event)"
(executeRowAction)="onExecuteRowAction($event)">
(executeRowAction)="onExecuteRowAction($event)"
(row-click)="onRowClick($event)"
(row-dblclick)="onRowDblClick($event)">
<!-- HTML column definition demo -->
<!--
<data-columns>

View File

@@ -154,4 +154,12 @@ export class DataTableDemoComponent {
console.log(args.action);
window.alert(`My custom action: ${args.action.title}`);
}
onRowClick(event) {
console.log(event);
}
onRowDblClick(event) {
console.log(event);
}
}