Angular Datatables获取所有选定的行

时间:2020-09-22 11:11:56

标签: angular typescript datatable angular-datatables

我正在其中一个应用程序中使用Angular Datatables,并使用了如下文档中指定的select扩展名:

<table class="table animate__animated animate__fadeIn" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" [id]="tableId">

</table>

,并且选项定义如下:

    this.dtOptions = {
        info: false,
        order: [],
        select: true,
        dom: 'Bfrtip',
        buttons: [
            'selectAll',
            'selectNone'
        ]
    };
} 

现在,选择功能运行良好,但是当我单击按钮时,我需要获取选择的行。我怎样才能做到这一点 ? Datatables API中是否有任何选项可用于访问选定的行?

文档-https://l-lin.github.io/angular-datatables/#/extensions/select

在核心数据表中,有一个用于添加action回调的选项。但不确定是否可以与selectAll

一起使用

1 个答案:

答案 0 :(得分:1)

  1. 获取所选行:

myTable.rows({ selected: true })

  1. 获取选定行的数据:

myTable.rows({ selected: true }).data()

  1. Get id's选定的行(为此有用,请使用rowId和ajax):

myTable.rows({ selected: true }).ids()

然后使用存储在变量中的此信息,可以迭代,过滤...等。