fix: dataTable getCheckedRows API change since 8.0.0

Author: rhlin

src/app/admin/article-management/article-list/article-list.component.css

@@ -12,12 +12,10 @@
   margin-left: 16px;
 }
 
-.operation-area ::ng-deep .devui-pagination .pagination{
+.operation-area ::ng-deep .devui-pagination .devui-pagination-list {
   margin: 0!important;
 }
-.more-operation {
-  vertical-align: top;
-}
+
 .single-pagination {
   text-align: right;
 }

src/app/admin/article-management/article-list/article-list.component.html

@@ -36,7 +36,6 @@
   [dataSource]="articleList"
   [type]="'striped'"
   [checkable]="true"
-  (getCheckedRows)="getCheckedRows($event)"
 >
 
   <d-column [header]="'标题'" [field]="'title'" [width]="'400px'"></d-column>

src/app/admin/article-management/article-list/article-list.component.ts

@@ -1,15 +1,16 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
 import { Router, ActivatedRoute, ActivatedRouteSnapshot } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
-import { DialogService } from 'ng-devui';
+import { DialogService, DataTableComponent } from 'ng-devui';
 
 @Component({
   selector: 'app-article-list',
   templateUrl: './article-list.component.html',
   styleUrls: ['./article-list.component.css']
 })
 export class ArticleListComponent implements OnInit , OnDestroy {
+  @ViewChild(DataTableComponent, {static: false}) dataTable: DataTableComponent;
   showFilterPanel = false;
   subscription: Subscription;
   activeListType: string;
@@ -114,9 +115,6 @@ export class ArticleListComponent implements OnInit , OnDestroy {
     this.filterOption = event;
     this.getData();
   }
-  getCheckedRows(event) {
-    this.checkRows = event;
-  }
 
   delete(ids, batch= false) {
     let tips;
@@ -169,6 +167,7 @@ export class ArticleListComponent implements OnInit , OnDestroy {
       });
   }
   batchDelete() {
+    this.checkRows = this.dataTable.getCheckedRows();
     if (!this.checkRows || !this.checkRows.length) { return; }
     const ids = this.checkRows.map(row => row.id);
     this.delete(ids, true);