web-dev-qa-db-ja.com

ngxdatatableのSelectイベントで行データを取得する方法

angular and ngxdatatable。マウスクリックイベントで行データを取得する方法

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

このようにngx-datatableで(activate)= "onActivate($ event)"プロパティを使用するだけです

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

次に、TSファイルでこの方法を使用します

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

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のみを取得します。
1
sky91