丢失焦点单元格编辑器时无法切换到只读模式的Primeng表

时间:2018-09-06 15:50:59

标签: angular primeng

我在cellEditor中有一个p-table,其中有一个使用p-dropdown的可编辑列。当表格失去焦点时,我希望激活的单元格编辑器将再次切换到只读模式,但是下拉框仍会显示。当表失去焦点时,我希望所有表单元格都处于只读模式。

p-table [value]="connections"
         [style]="{'min-width' : '500px'}">

    <ng-template pTemplate="header">
        <tr>
            <th>SourceConnector</th>
            <th>Fibertype</th>
            <th>DestinationConnector</th>
        </tr>
    </ng-template>

    <ng-template pTemplate="body" let-connection>
        <tr>
            <td pEditableColumn>
                <p-cellEditor>
                    <ng-template pTemplate="input">
                        <p-dropdown [options]="currentSourcePorts"
                                    [(ngModel)]="connection.source"
                                    [style]="{'width':'100%'}">
                        </p-dropdown>
                    </ng-template>
                    <ng-template pTemplate="output">
                        {{connection.source}}
                    </ng-template>
                </p-cellEditor>
            </td>
            ....

0 个答案:

没有答案