Ich brauche nur window.location.reload() für ein bestimmtes Element nur. Insbesondere habe ich eine Tabelle mit vielen Spalten.eckig 2 Reload spezifische HTML-Element
<p-dataTable #tableRef class="invoice-datatable"></p-dataTable>
Wenn ich unten das Bild klicken, nenne ich Refresh Methode, die ich brauche es nur Datentabelle zu aktualisieren.
`<img role="button" id="refresh-icon" src="/assets/img/refresh.png (click)="refreshTable(tableRef)">
gibt es einige Verfahren, die Datentabelle als
export class MyComponent implements OnInit {
@ViewChild(DataTable) dataTableComponent: DataTable;
// ...
refreshTable() {
this.dataTableComponent.reset();
}
}
zurücksetzen Wenn Ihr Datatable an ein Modell gebunden ist, dann müssen Sie nur das Modell aktualisieren mit dem, was neuen Daten erforderlich, wenn das Bild angeklickt wird.
Mit .reset() werden nur die Filter, Sortierungen und Seitenumbruch zurückgesetzt. Die Daten werden leider nicht aktualisiert.
Wenn Sie ein Modell an die Tabelle mit etwas wie '' binden, wird die Tabelle nicht aktualisiert, wenn sich das Modell ändert? –
Es tut. Aber wie kann ich dies durch Klicken auf das Bild implementieren? –