如何为 primeNG 数据表中的网格内按钮触发一行 select 操作?
How to fire a row select action for in-grid button in primeNG datatable?
我正在使用 PrimeNG 数据表。我在 table 中有一个按钮 "Show Detail",用于在详细信息容器中显示该行的详细信息,并且需要保持该行的 selected/highlighted 状态。
示例中只有单选按钮和复选框,如何通过按钮触发选择?
我刚刚意识到我最好回答我自己的问题,因为后来我想通了:)
在 html、
中添加点击触发器
(click)='tblShowStatementPayments(dt, $event,item)
"dt" 在这里定义为实例引用 <p-dataTable #dt [value]="statements" [responsive]="true" [rows]="5" [paginator]="true" [pageLinks]="5">
tblShowStatementPayments(dt: any, event: any, stat: any) {
dt.selectRowWithRadio(event, stat) // here is highlight the row selected
this.operStatement = stat;
this.statSvc.getPaymentDetailByStatementId(stat.id).subscribe(res => {
this.operStatement.paymentDetails = res;
}, err => {
this.growlSvc.stickError('Failed', err);
});
}
我正在使用 PrimeNG 数据表。我在 table 中有一个按钮 "Show Detail",用于在详细信息容器中显示该行的详细信息,并且需要保持该行的 selected/highlighted 状态。
示例中只有单选按钮和复选框,如何通过按钮触发选择?
我刚刚意识到我最好回答我自己的问题,因为后来我想通了:)
在 html、
中添加点击触发器(click)='tblShowStatementPayments(dt, $event,item)
"dt" 在这里定义为实例引用 <p-dataTable #dt [value]="statements" [responsive]="true" [rows]="5" [paginator]="true" [pageLinks]="5">
tblShowStatementPayments(dt: any, event: any, stat: any) {
dt.selectRowWithRadio(event, stat) // here is highlight the row selected
this.operStatement = stat;
this.statSvc.getPaymentDetailByStatementId(stat.id).subscribe(res => {
this.operStatement.paymentDetails = res;
}, err => {
this.growlSvc.stickError('Failed', err);
});
}