Angular TableEdit for Priming中的编辑模式不起作用
我希望能够编辑“”表中的现有备注,“pInputTextArea”不接受任何新条目,如果我尝试使用现有条目上的新条目进行编辑。我无法选择并删除“pInputTextArea”文本保持架中预先存在的数据Angular TableEdit for Priming中的编辑模式不起作用,angular,user-interface,primeng,Angular,User Interface,Primeng,我希望能够编辑“”表中的现有备注,“pInputTextArea”不接受任何新条目,如果我尝试使用现有条目上的新条目进行编辑。我无法选择并删除“pInputTextArea”文本保持架中预先存在的数据 <p-panel header="List of Maintenance Days " [collapsed]="createMaintanencePanelNextCollapsed" [toggleable]="true" (click)="viewMaintenan
<p-panel header="List of Maintenance Days " [collapsed]="createMaintanencePanelNextCollapsed" [toggleable]="true"
(click)="viewMaintenanceDays()">
<div class="container">
<div class="row" style="height: 320px;">
<div class="col-xs-12 col-sm-12 col-lg-12 col-md-12">
<!-- @HEma Edit
-->
<p-table [columns]="maintanenceDaysColumn" [value]="maintanenceDayModel" selectionMode="multiple" editMode="row"
scrollHeight="200px" [rows]="5" [paginator]="true" [(selection)]="selectedMaintenanceDay" dataKey="id"
[tableStyle]="{'table-layout':'auto'}" >
<ng-template pTemplate="header" let-columns>
<tr>
<th style="width: 3em">
<p-tableHeaderCheckbox></p-tableHeaderCheckbox>
</th>
<th *ngFor="let col of columns" style="text-align: center">
{{col.header}}
</th>
<th style="text-align: center">
User Actions
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns" let-ri="rowIndex" let-editing="editing">
<tr [pEditableRow]="rowData" >
<td>
<p-tableCheckbox [value]="rowData"></p-tableCheckbox>
</td>
<td class="" >
{{rowData.id}}
</td>
<td class=".ng-invalid.ng-dirty"style="min-width: 100px">
{{rowData.maintainceDates}}
</td>
<td >
<p-cellEditor>
<ng-template pTemplate="input" >
<input type="text" [(ngModel)]="rowData.remarks" style="width: 100%"
class="ng-pristine ng-valid ng-star-inserted ng-touched">
</ng-template>
<ng-template pTemplate="output">
{{rowData.remarks}}
</ng-template>
</p-cellEditor>
</td>
<td style="text-align:center; min-width: 180px; " >
<button *ngIf="!editing" pButton type="button" pInitEditableRow icon="fa fa-pencil-square-o" label="Edit"
class="ui-button-info" (click)="onRowEditInit(rowData)"></button>
<button *ngIf="editing" pButton type="button" pSaveEditableRow icon="fa fa-check-square-o" label="Save"
class="ui-button-success" style="margin-right: .5em" (click)="onRowEditSave(rowData)"></button>
<button *ngIf="editing" pButton type="button" pCancelEditableRow icon=" fa fa-times" label="Cancel"
class="ui-button-danger" (click)="onRowEditCancel(rowData, ri)"></button>
</td>
</tr>
</ng-template>
</p-table>
<button [hidden]="selectedMaintenanceDay == undefined || !selectedMaintenanceDay.length" pButton type="button"
class="ui-button-primary" (click)="delMaintanenceDays()" icon="fa fa-trash" label="Delete" iconPos="left"
style="height: 28px; margin-top: 8px;"></button>
</div>
</div>
</div>
</p-panel>
{{col.header}}
用户操作
{{rowData.id}
{{rowData.maintanceDates}
{{rowData.comments}
预期结果
- 它应该允许编辑。它甚至不提供闪烁选项进行编辑李>
- 控制台/
- 列表项
- @角度devkit/architect 0.801.1
- @角度devkit/core 8.1.1
- @角度devkit/示意图8.1.1
- @示意图/角度8.1.1
- @示意图/更新0.801.1
- rxjs 6.4.0