【问题标题】:Primefaces p:calendar inside overlaypanelPrimefaces p:覆盖面板内的日历
【发布时间】:2014-07-30 16:43:58
【问题描述】:

我尝试在覆盖面板中显示弹出式日历,但是当我单击相关输入框时,日历显示在覆盖面板后面,我看不到日历的标题。这是我的代码:

<p:overlayPanel id="advancedSearchPanel" styleClass="ui-advanced-search-overlay"  dismissable="false" for="advancedSearch" hideEffect="fade" my="right top" dynamic="true">
    <h:form>
                 <h:panelGrid>
                     <!--<p:inputText  
    value="#{searchForm.processSubject}"></p:inputText>-->
                     <p:outputLabel  value="Pesquisa:" for="type"/>
                     <h:selectOneMenu id="type" value="#{searchForm.type}">
                         <f:selectItems value="#{searchForm.listProcessTypes}"/>
                     </h:selectOneMenu>
                     <p:inputText  value="#{searchForm.processNumber}"></p:inputText>
                     <p:calendar id="datetime" pattern="MM/dd/yyyy HH:mm:ss" />
                     <p:commandButton value="Submit" action="#{searchForm.save}"></p:commandButton>
                  </h:panelGrid>
    </h:form>
</p:overlayPanel>

有什么想法吗?

【问题讨论】:

    标签: html css jsf primefaces calendar


    【解决方案1】:

    我通过设置解决了问题

    dismissable = "false"
    

    【讨论】:

      【解决方案2】:

      使用p:overlayappendToBody="true"

      【讨论】:

      • 感谢您的回答。但是问题得到了部分解决,因为 p:calendar 出现在
      • 尝试使用z-index:999; !important...添加style属性,您可以在z-index上设置任何高数...
      猜你喜欢
      相关资源
      最近更新 更多
      热门标签