【问题标题】:p-confirmDialog not displaying properlyp-confirmDialog 未正确显示
【发布时间】:2019-05-23 17:02:52
【问题描述】:

使用 p-confirmDialog 我有几个按钮在一个页面上使用此工具..除了一个确认由弹出窗口上的按钮触发的按钮之外,所有按钮都显示良好,确认显示在它后面并且它是灰色的?

HTML

注意:如果我将 p-confirmDialog 移动到 p-dialog 中,那么它可以工作 但是,正确地,像删除这样的其他按钮不会弹出

<div class="col-lg-12">
    <div class="row">

        <div class="page-content">
            <p-confirmDialog header="Confirmation" icon="pi pi-exclamation-triangle"></p-confirmDialog>

            <button type="text" (click)="confirmDelete()"  pButton icon="pi pi-check" label="Delete"></button>

</div>
</div>
</div>

<p-dialog header="Request Info" [(visible)]="displayRequestInfo" [modal]="true" [responsive]="true" [width]="650" [minWidth]="300" [minY]="70" [baseZIndex]="10000">

    <div class="col-lg-12">
        <div class="row">
            <div class="form-group">
                <label class="control-label">Comment</label>
                <textarea name="txtcomments" [(ngModel)]="comments" cols="40" rows="3" style="width:98%"></textarea>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="row">
            <button type="text" (click)="confirm()" pButton icon="pi pi-check" label="Post"></button>

        </div>
    </div>
</p-dialog>

【问题讨论】:

    标签: angular typescript primeng


    【解决方案1】:

    我只需要从 p-dialog 中删除 [baseZIndex]="10000" 和 一切正常

    【讨论】:

      猜你喜欢
      • 2021-09-17
      • 1970-01-01
      • 2020-09-07
      • 2014-08-10
      • 2018-07-12
      • 2012-04-13
      • 1970-01-01
      • 1970-01-01
      • 2018-04-24
      相关资源
      最近更新 更多