Primefaces覆盖面板："showCloseIcon"不起作用

Question

嗨，我正在使用一个覆盖面板来显示PDF。当我点击关闭按钮时，PDF仍然是打开的。下面是我的代码:

    <p:commandButton id="view" value="View" type="button" />
      <p:overlayPanel id="pdf" for="view" hideEffect="Explode"  dynamic="true" showCloseIcon="true"  >
            <p:media value="/file/sample.pdf" player="pdf"> 
                    Your browser can't display pdf,<h:outputLink value="/file/Payslip_User_Guide.pdf">Click</h:outputLink> to download PDF.
            </p:media>
      </p:overlayPanel>

我尝试使用遣散，它不工作。有人能帮帮忙吗?

Answer 1

我不知道你使用的是哪个版本的PrimeFaces，但根据PrimeFaces 5.0展示以下代码应该工作:

  <p:overlayPanel id="viewPanel" for="viewBtn" hideEffect="explode" dynamic="true" dismissable="false" showCloseIcon="true">
        <!-- content goes here -->
  </p:overlayPanel>

"the pdf is open"是什么意思?overlayPanel并没有完全消失，对吗?

Answer 2

我知道现在太晚了，但是今天我遇到了这个问题，我可以解决它，所以也许它可以帮助其他人。

可能是jQuery的问题。如果您使用Bootstrap，您将导入jQuery，但PrimeFaces包含jQuery，因此存在jQuery版本冲突。移除bootstrap jQuery，使用PrimeFaces。