angular and ngxdatatable。マウスクリックイベントで行データを取得する方法
onClick(event) {
// I need to get row data here
}
このようにngx-datatableで(activate)= "onActivate($ event)"プロパティを使用するだけです
<ngx-datatable #table
....
(activate)="onActivate($event)"
....
>
次に、TSファイルでこの方法を使用します
onActivate(event) {
if(event.type == 'click') {
console.log(event.row);
}
}
(activated)="onActivate($event)"
OR
(select)="onSelect($event)"
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
のみを取得します。