PrimeNg DataTable点击事件

Question

我正在应用程序中对学生进行出勤检查，因此当我点击表格单元格时，它会添加我＆＃34; X＆＃34;进入这个单元格和我用JSON发送的一些值，标记了单元格（学生缺席）。我已经从PrimeNg实现了DataTable，因为我觉得它在我的情况下是最好的，所以问题是如何实现这个功能？感谢

Answer 1

如果我找到你，你可以使用PrimeNG的可编辑单元格功能，并在其中放置复选框，如下所示：

<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>

在这种情况下，您当然需要在表格中放置数据中的缺席字段。由于您的字段absence只需要true / false值，您应该将复选框（也是PrimeNG组件）二进制属性设置为true并将其绑定到您的模型。