Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular2 PrimeNG – 当底层数据发生变化时如何重置dataTable?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我将一个Cell对象数组绑定到PrimeNG DataTable:

html的:

<p-dataTable [value]="_cells" [responsive]="true" [globalFilter]="gb">
        <p-column field="id" header="id" sortable="true"></p-column>
        <p-column field="name" header="name" sortable="true" ></p-column>         
    </p-dataTable>

.TS:

ngOnInit() {
        var self = this;
        // Capture the id in the URL
        this._route.params.subscribe(params => {
            self._stationId= params['id'];

            this._dataservice
                .GetAllCells(self._stationId)
                .subscribe((data:Cell[]) => this._cells = data,error => alert(error),() => console.log('Retrieved cells'));
        });
    }

所以我发现dataTable有一个reset()方法来清除排序/过滤/选择状态.每当URL参数更改并且正在加载新数据时,我都需要调用它.

但是如何引用dataTable并从ngOnInit()方法调用reset()方法

@L_675_7@

您可以利用 @ViewChild注释:

export class MyComponent implements OnInit {
    @ViewChild(DataTablE) dataTableComponent: DataTable;

    // ...

    ngOnInit() {
        this.dataTableComponent.reset();
    }
}

大佬总结

以上是大佬教程为你收集整理的Angular2 PrimeNG – 当底层数据发生变化时如何重置dataTable?全部内容,希望文章能够帮你解决Angular2 PrimeNG – 当底层数据发生变化时如何重置dataTable?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。