如何动态分页PrimeNG DataView？

Question

当我选择了该字段中的项目时，我想转到某个特定的页面。我试过以下方法

import {DataViewModule, DataView} from 'primeng/dataview';

// ...

@ViewChild('dataview') dataTable: DataView;

// ...

if (this.selectIndustry) {
            const indxOfIndustry = industries.indexOf(this.selectedIndustry);
            const pageNo = (indxOfIndustry / 10) + 1;
            const paging = {
                first: ((pageNo - 1) * 10),
                rows: 10
            };
            this.dataTable.paginate(paging);
        }

但是我得到了错误消息，就像未定义的dataView

Answer 1

您所要做的就是访问dataView的选择器作为'any'

文件中的

<p-dataView #dataviewHtml>
...
</p-dataView>

在TS文件中

// ...

export class AnyComponent implements OnInit {
  @ViewChild('dataviewHtml') dataView: any;

// ...

然后您可以在TS中的任何地方调整您的dataView分页器，但不能在ngOnInit中调整它，您可以在任何地方使用afterViewInit。

--我使用它返回到分页器动态的第一页。

this.dataView.first = 0;

您可以通过控制台记录整个Data元素，查看您正在使用的内容

console.log('DATA VIEW ', this.dataView);

​

​