angular - Ng2-smart table 使用复选框获取选定的行

Question

我正在使用 angular 2 和 ng2-smarttable。

我在表格中添加复选框。这是我的代码。

settings = {
    mode:"external",
    selectMode: 'multi',
    columns: {
       Check:{
        title: '',
        type: 'html',
        valuePrepareFunction: (value) => { return this._sanitizer.bypassSecurityTrustHtml(this.input); },
        filter: false
       },
       orderby:{
        title: "Name",
        filter: true
       }
 }

它的工作原理。但我需要获取带有事件的复选框并获取选定的行。

请多多指教，

谢谢。

Answer 1

将“userRowSelect”事件添加到您的 HTML 代码中，如下所示。

 <ng2-smart-table class="table table-bordered" [settings]="settings" [source]="data" (create)="onAdd($event)"
             (delete)="onDelete($event)" (userRowSelect)="onUserRowSelect($event)">
 </ng2-smart-table>

如下所示添加您的方法，它将返回所有选定的行。

public onUserRowSelect(event) {
  var selectedRows = event.selected;
}