PrimeNg表格切换单元格编辑
PrimeNg表格切换单元格编辑
提问于 2019-05-09 18:19:36
我正在使用primeng表，并希望使一列在一个按钮点击可编辑。然而，我不能这样做。我不知道我必须设置哪个属性才能切换编辑。请帮帮忙。提前谢谢。
这是我的模板：
<ng-template pTemplate="body" let-rowData let-state let-expanded="expanded" let-columns="columns" >
<tr>
<td pEditableColumn>
<p-cellEditor>
<ng-template pTemplate="input">
<input pInputText type="text" [(ngModel)]="rowData.id">
</ng-template>
<ng-template pTemplate="output">
{{rowData.id}}
</ng-template>
</p-cellEditor>
</td>
</tr>
</ng-template>Stack Overflow用户
发布于 2021-05-22 13:42:25
第一个选项，我觉得这样做更好，是通过禁用输入控件，如下所述。
<input [disabled]="!editable" pInputText type="text" [(ngModel)]="rowData.id">您可以在单击按钮时将editable属性设置为true或false。控件将在单元格单击时可见，但仍然可以，因为它是不可编辑的。
第二个选项是复制具有可编辑条件的单元格，如下所述。
<td pEditableColumn *ngIf="editable" >
<p-cellEditor>
<ng-template pTemplate="input">
<input pInputText type="text" [(ngModel)]="rowData.id">
</ng-template>
<ng-template pTemplate="output">
{{rowData.id}}
</ng-template>
</p-cellEditor>
</td>
<td *ngIf="!editable">{{rowData.id}}</td>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56057244
复制相关文章
相似问题
腾讯云开发者
