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

时间:2018-08-21 13:00:03

标签: angular ngx-datatable

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

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

3 个答案:

答案 0 :(得分:2)

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

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

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

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

答案 1 :(得分:0)

答案 2 :(得分:0)

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)事件,则会得到eventrowrowElementtype
  • 如果您正在使用(select)事件,则只会得到selected