代码之家  ›  专栏  ›  技术社区  ›  E.Meir

从TS页重置P表

  •  0
  • E.Meir  · 技术社区  · 6 年前

    我正在使用 Primeng table 在向它添加数据之后,我想重置数据——这样它就会显示新的数据。 在表上,我使用的是“刷新”按钮,它调用dt.reset()。

    HTML

    <p-table #dt [value]="pagedTasks">
    ..
    <p-button icon="fa fa-refresh" iconPos="left" (click)="dt.reset()"></p-button>
    

    如果我手动单击按钮,数据将刷新,我将尝试模拟相同的功能,但来自 ts 页。

    TS

    ..
    import { TableModule } from 'primeng/table';
    ..
    export class RenderQueueComponent implements OnInit {
         @ViewChild(TableModule) dt: TableModule;
         ..
    
      refresh() {
        this.dt.reset(); // property "reset" does not exist on type "TableModule"
      }
    }
    

    refresh 功能 正在从其他组件调用,因此此处不显示调用。

    我怎样才能做到?

    1 回复  |  直到 6 年前
        1
  •  0
  •   E.Meir    6 年前

    不知道为什么,但我改变了

    import { TableModule } from 'primeng/table'; 
    

    到:

    import { Table } from 'primeng/table'; 
    

    表而不是表模块

    它开始工作了,为什么?