PrimeNG + Angular: сброс общей таблицы данных - PullRequest
Новая
       7

PrimeNG + Angular: сброс общей таблицы данных

0 голосов
/ 12 октября 2018

Я работаю на угловых 5 и премьер.Мой код использует primeNg <p-dataTable>.В одном из моих компонентов у меня есть 2 таблицы данных, поэтому я использую компонент общей таблицы данных, как показано ниже:

Таблица общих данных CR 

    @Component({
      selector: 'app-cr-table',
      template: `
        Top Table
        <p-dataTable [value]="data" [rows]="10" [paginator]="true" #dt>
        <p-header>List of Cars</p-header>
        <p-column field="name" header="Name" [filter]="true"></p-column>
        <p-column field="age" header="Age" [filter]="true"></p-column>
        </p-dataTable>

        Bottom Table
        <p-dataTable [value]="data" [rows]="10" [paginator]="true" #dt1>
        <p-header>List of Cars</p-header>
        <p-column field="name" header="Name" [filter]="true"></p-column>
        <p-column field="age" header="Age" [filter]="true"></p-column>
        </p-dataTable>
      `
    })
    })

export class BankAccountComponent {
@ViewChild('dt') crTable: DataTable;
@ViewChild('dt1') crTable1: DataTable;

Первый компонент: 

@Component({
  selector: 'app-first-table',
  template: `
    <app-cr-table [data]='data'></app-cr-table>
  `
})

Второй компонент: 

@Component({
  selector: 'app-second-table',
  template: `
    <app-cr-table [data]='data'></app-cr-table>
  `
})

Теперь мое требование - сбросить только вторую (нижнюю) таблицу, по нажатию кнопки в 1-й (верхней) таблице.Кто-нибудь может подсказать, пожалуйста, как сбросить только вторую (нижнюю) таблицу, а не первую?Я знаю, что есть функция reset(), которая сбрасывает таблицу, но она сбрасывает обе таблицы.Я просто хочу сбросить вторую (нижнюю) таблицу.Пожалуйста, ведите меня.

ссылка: https://www.primefaces.org/primeng/#/datatable

...