Ich mache Anwesenheitsprüfung des Schülers in App, also wenn ich auf eine Tabellenzelle klicke, fügt er mir "X" in diese Zelle und einen Wert, den ich mit JSON sende, dass die Zelle markiert ist (Student hat eine Abwesenheit). Ich habe DataTable von PrimeNg implementiert, weil ich denke, dass es das beste ist, in meinem Fall zu verwenden, so Frage ist, wie man diese Funktion implementiert? DankPrimeNg DataTable Klickereignis
0
A
Antwort
0
Wenn ich Sie richtig Sie die bearbeitbaren Zelle Funktion von PrimeNG und Platz Checkbox innerhalb es wie folgt verwenden können:
<p-column field="absence" header="Absence">
<template let-col let-student="rowData" pTemplate="editor">
<p-checkbox groupname="absence" [value]="true" [(ngModel)]="student[col.field]" binary="true"></p-checkbox>
</template>
In diesem Fall natürlich Sie eine Abwesenheit Feld müssen Daten das sind in Ihrem Tisch platziert. Da Ihr Feld absence
nur Wahr/Falsch-Werte benötigt, sollten Sie Ihr Kontrollkästchen (auch PrimeNG-Komponente) Binärattribut auf True setzen und es an Ihr Modell binden.
Verwandte Themen
- 1. Primeng DataTable Header
- 2. primeNG Datatable - treffen wie Filter
- 3. PrimeNG DataTable Zeilenauswahl - Farbe ändern
- 4. edit css primeNG dataTable header
- 5. Angular Primeng Datatable Paginator Boden Verankerung
- 6. Bilder in einem PrimeNG DataTable anzeigen
- 7. Angular2 - PrimeNG dataTable Zeilenexpansion erweitert nicht
- 8. PrimeNG DataTable füllt das Datenproblem aus
- 9. PrimeNG DataTable: Klasse/Stil einer Zelle ändern
- 10. PrimeNg Datatable Benutzerdefinierte Sortierung wiederholt sich
- 11. PrimeNG DataTable - contextMenu ist in einem TabView nicht zentriert
- 12. Wie Daten in Primeng Datatable von JSON-Datei
- 13. Primeng DataTable Dropdown funktioniert nicht mit Optionen über die Spalte
- 14. Wie Hyperlink zu Primeng Datatable Spalte hinzufügen, Winkel 2-Wege
- 15. Row Expander Vorlage funktioniert nicht in PrimeNG DataTable
- 16. Angular4 PrimeNG DataTable wird trotz Modelländerungen nicht aktualisiert
- 17. PrimeNG DataTable in Excel, PDF und XML exportieren
- 18. PrimeNG - p-dataTable Höhe nach Anzahl der Zeilen
- 19. PrimeNG Datatable Spalte Text überlappt mit anderen Spalten
- 20. PrimeNg Änderung p-Spalte Breite
- 21. PrimeNG Datentabelle bedingte Zellenformatierung
- 22. Primeng erweiterbare Spaltenüberschriften zeigen nicht
- 23. PrimeNG-Datentabelle globalFilter restrictions
- 24. angezeigte Spaltenwert in primeng Table
- 25. Hide Primeng datable Paginator, wenn keine Datensätze
- 26. PrimeNG MenuCallback
- 27. primeNg Checkbox Bindungsobjekt in Datentabelle
- 28. primeng Datentabelle Template-Header mit scrollbaren
- 29. Verzögertes Klickereignis
- 30. Wie man eine primeng Datentabelle programmgesteuert sortiert