Jsf primefaces north布局单元在对话中消失';s调整大小
我使用Jsf primefaces north布局单元在对话中消失';s调整大小,jsf,jakarta-ee,layout,primefaces,jsf-2.2,Jsf,Jakarta Ee,Layout,Primefaces,Jsf 2.2,我使用primefaces框架开发我的jsfweb应用程序,我遇到了这种奇怪的行为,当我调整页面上对话框的大小时,北布局单元消失了,更奇怪的是,当我在任何浏览器上调整检查器的大小时,它都会做出同样奇怪的行为,它消失了,我想知道我做错了什么 下面是一些重要的代码: <h:body> <f:view> <h:form id="form1"> <p:layout id="layout">
primefaces
框架开发我的jsf
web应用程序,我遇到了这种奇怪的行为,当我调整页面上对话框的大小时,北布局单元消失了
,更奇怪的是,当我在任何浏览器上调整检查器的大小时,它都会做出同样奇怪的行为,它消失了,我想知道我做错了什么
下面是一些重要的代码:
<h:body>
<f:view>
<h:form id="form1">
<p:layout id="layout">
<p:layoutUnit id="north" position="north" resizable="false" header="Recherche avancé" collapsible="false" effect="drop" collapsed="false" size="140">
<p:panelGrid columns="4" styleClass="prince">
<p:panel styleClass="centeredPanelDate" header="Dates">
<p:panelGrid styleClass="centeredPanelDatePan" columns="2">
<p:selectOneMenu id="stater" value="#{dyna.dateOption}" style=" height:20px!important;
width: 140px;
font-family: klavika_boldbold;">
<f:selectItems value="#{dyna.etatdateOptions}"/>
</p:selectOneMenu>
</p:panelGrid>
<p:panelGrid columns="2" >
<p:column>
<p:outputLabel id="lab1" value= "De : " for="popupButtonCal1" />
<p:outputLabel id="lab2" value= "A : " for="popupButtonCal2"/>
</p:column>
<p:column>
<p:calendar value="#{dyna.startdate}"
id="popupButtonCal1"
validatorMessage="format de date invalide"
pattern="dd/MM/yyyy HH:mm"
mode="popup"
locale="fr"
navigator="true"
effect="show"
mindate="01/01/1988"
maxdate="31/12/2030"
showButtonPanel="true"
styleClass="calo"/>
<br></br>
<p:calendar value="#{dyna.enddate}"
id="popupButtonCal2"
validatorMessage="format de date invalide"
pattern="dd/MM/yyyy HH:mm"
mode="popup"
locale="fr"
navigator="true"
effect="show"
mindate="01/01/1988"
maxdate="31/12/2030"
showButtonPanel="true"
styleClass="calo"/>
</p:column>
</p:panelGrid>
<p:tooltip for="popupButtonCal1" value="Date de debut (selectionner une date sur la calendrier" showEffect="clip" hideEffect="clip"/>
<p:tooltip for="popupButtonCal2" value="Date de fin (selectionner une date sur la calendrier" showEffect="clip" hideEffect="clip"/>
</p:panel>
<p:panel styleClass="listsPanel" header="Listes">
<p:panelGrid styleClass="centeredPanelDatePan1" columns="3" >
<p:column>
<p:selectCheckboxMenu label="Etat" value="#{dyna.selectedstateOptions}" style=" height:18px!important;width: 100px;font-family: klavika_boldbold; ">
<f:selectItems value="#{dyna.etatExamOptions}" />
</p:selectCheckboxMenu>
</p:column>
<p:column >
<p:selectCheckboxMenu label="Payement" value="#{dyna.selectedpayOptions}" style=" height:18px!important;width: 100px;font-family: klavika_boldbold;">
<f:selectItems value="#{dyna.payExamOptions}" />
</p:selectCheckboxMenu>
</p:column>
<p:column >
<p:selectCheckboxMenu label="Salle" value="#{dyna.selectedsalleOptions}" style=" height:18px!important;width: 100px;font-family: klavika_boldbold;">
<f:selectItems value="#{dyna.salleOptions}" />
</p:selectCheckboxMenu>
</p:column>
</p:panelGrid>
</p:panel>
<p:panel styleClass="param" header="Paramètre resultat">
<p:panelGrid styleClass="param1" columns="3" >
<p:column>
<p:inputText id="txt1" value="#{dyna.number1}" />
<p:slider id ="sld" for="txt1" minValue="10" maxValue="1000" />
</p:column>
<h:column>
<p:commandButton id="searchdate" value="Rechercher" actionListener="#{dyna.search}" style="height:30px!important"/>
</h:column>
</p:panelGrid>
<p:tooltip for="txt1" value="spécifier le nombre des lignes à obtenir de la base de données (grand nombre prend plus du temps)" showEffect="clip" hideEffect="clip"/>
</p:panel>
<p:panel styleClass="userPanel" header="Données utilisateur">
<p:panelGrid styleClass="userPanelContent" columns="1">
<p:commandButton id="userbtn" value="Utilisateur" style="width: 100px!important;"/>
<p:commandButton id="colsshow" value="Colonnes" style="width: 100px!important;"/>
</p:panelGrid>
</p:panel>
<p:growl id="msg" showDetail="true"/>
</p:panelGrid>
</p:layoutUnit>
<br></br>
<p:layoutUnit id="cent"
position="center"
resizable="true"
collapsible="true"
effect="drop"
size="300"
styleClass="heighter">
....... all tags closed respectfully.
....... 所有标签恭敬地关闭。
谢谢大家。在使用p:layout时,将appendToBody=“true”
设置在p:dialog
上。不幸的是,我已经尝试过了,但是没有用,我已经删除了所有的对话和重叠面板,但仍然存在相同的问题,这很糟糕:s