问题描述

我希望能够编辑“”表中的现有备注，如果我尝试使用现有条目上的新条目进行编辑，则“pInputTextArea”不接受任何新条目。我无法选择和删除“pInputTextArea”文本持有者中预先存在的数据。

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

预期成绩

它应该允许编辑。它甚至没有提供闪烁的编辑选项。

Error_Msg

控制台/中没有显示错误消息

版本：Angular 和 Node.js

Angular CLI：8.1.1 节点：10.16.0 操作系统：win32 x64 Angular：...

包版本

项目清单
@angular-devkit/架构师 0.801.1
@angular-devkit/核心 8.1.1
@angular-devkit/schematics 8.1.1
@原理图/角度 8.1.1
@原理图/更新 0.801.1
rxjs 6.4.0

version_primeng

“primeflex”：“^1.0.0-rc.1”，“primeicons”：“^1.0.0”，“primeng”：“^7.1.0-rc.1”，

版本操作系统

Windows 10 * 64 位

标签： angularuser-interfaceprimeng

angular - PrimeNG 的 TableEdit 中的 EditMode 不起作用