如何在ngx数据表中获取行数据onSelect事件

Question

我是angular和ngx数据表的新手。如何在鼠标单击事件中获取行数据

onClick(event) {
// I need to get row data here 
}

Answer 1

只需像这样在ngx-datatable上使用（activate）=“ onActivate（$ event）”属性

<ngx-datatable #table
    ....
    (activate)="onActivate($event)"
    ....
>

然后在TS文件中，使用此方法

onActivate(event) {
    if(event.type == 'click') {
        console.log(event.row);
    }
}

Answer 2

他们在文档中有一个示例

http://swimlane.github.io/ngx-datatable/#single-selection

源代码：

https://github.com/swimlane/ngx-datatable/blob/master/demo/selection/selection-single.component.ts

Answer 3

component.html文件

(activated)="onActivate($event)"

OR

(select)="onSelect($event)"

component.ts文件

onActivate(event) {
    if(event.type == 'click') {
        console.log(event.row);
    }
}

onSelect(event) {
    //event.type is undefined, use below:

    console.log(event.selected);
}

注意

• 如果您使用的是(activated)事件，则会得到event，row，rowElement，type
• 如果您正在使用(select)事件，则只会得到selected