UI布局初始化错误 - 中心窗格元素不存在 [英] UI Layout Initialization Error-The center-pane element does not exist
本文介绍了UI布局初始化错误 - 中心窗格元素不存在的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用的布局结构有centerLayout,westLayout,northLayout
当我运行该文件时,出现以下错误:
/ UI布局初始化错误
中间窗格元素不存在
中间窗格是必需的元素
我的模板是:
< p:layoutUnit position =northsize =100collapsible =true>
< header>
< div class =logo1>
< img src =#{facesContext.externalContext.requestContextPath} /resources/images/logo1.pngalt =Gestion d'accèset de habilitations/>
< / div>
< ul>
< li>< h:link outcome =/ profilevalue =Profile/>< / li>
< li>< a href =#> Sedéconnecté< / a>< / li>
< / ul>
< div class =logo2>
< img src =#{facesContext.externalContext.requestContextPath} /resources/images/logo2.pngalt =Altijari Bank/>
< / div>
< / header>
< / p:layoutUnit>
< p:accordionPanel multiple =trueid =accactiveIndex =0>
< p:tab title =Gestion des agences>
< p:menu style =width:100%id =m1>
< p:menuitem value =Consulteraction =#{agenceController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{agenceController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< p:tab title =Gestion des utilisateurs>
< p:menu style =width:100%id =m2>
< p:menuitem value =Consulteraction =#{utilisateurController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{utilisateurController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< p:tab title =Gestion des fonctions>
< p:menu style =width:100%id =m3>
< p:menuitem value =Consulteraction =#{fonctionController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{fonctionController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< p:tab title =Gestion des applications>
< p:menu style =width:100%id =m4>
< p:menuitem value =Consulteraction =#{applicationController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{applicationController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< p:tab title =Gestion des fiches>
< p:menu style =width:100%id =m5>
< p:menuitem value =Consulteraction =#{ficheController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{ficheController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< p:tab title =管理>
< p:menu style =width:100%id =m6>
< p:menuitem value =Consulteraction =#{groupeController.prepareList()}/>
< / p:menu>
< / p:标签>
< p:tab title =Traçabilité>
< p:menu style =width:100%id =m7>
< p:menuitem value =Consulteraction =#{traceController.prepareList()}/>
< p:menuitem value =Ajouteraction =#{traceController.prepareCreate()}/>
< / p:menu>
< / p:标签>
< / p:accordionPanel>
< / h:表格>
< / p:layoutUnit>
我使用primefaces 3.2,jsf 2.1,glassfish 3.1.2.1
请帮助我。
解决方案
由于错误消息提示您缺少布局的中心部分。
/ p>
< p:layoutUnit position =center>
您的内容
< / p:layoutUnit>
I am using a Layout structure that has centerLayout, westLayout,northLayout
When i run the file, i take this following error: "/UI Layout Initialization Error. The center-pane element does not exist. The-center pane is a required element."
my template is :
<p:layoutUnit position="north" size="100" collapsible="true">
<header>
<div class="logo1">
<img src="#{facesContext.externalContext.requestContextPath}/resources/images/logo1.png" alt="Gestion d'accès et de habilitations" />
</div>
<ul>
<li><h:link outcome="/profile" value="Profile"/></li>
<li><a href="#">Se déconnecté</a></li>
</ul>
<div class="logo2">
<img src="#{facesContext.externalContext.requestContextPath}/resources/images/logo2.png" alt="Altijari Bank" />
</div>
</header>
</p:layoutUnit>
<p:layoutUnit position="west" size="210" header="Menus" collapsible="true">
<h:form id="frmMenu1">
<p:accordionPanel multiple="true" id="acc" activeIndex="0">
<p:tab title="Gestion des agences">
<p:menu style="width:100%" id="m1">
<p:menuitem value="Consulter" action="#{agenceController.prepareList()}"/>
<p:menuitem value="Ajouter" action="#{agenceController.prepareCreate()}" />
</p:menu>
</p:tab>
<p:tab title="Gestion des utilisateurs">
<p:menu style="width:100%" id="m2">
<p:menuitem value="Consulter" action="#{utilisateurController.prepareList()}"/>
<p:menuitem value="Ajouter" action="#{utilisateurController.prepareCreate()}" />
</p:menu>
</p:tab>
<p:tab title="Gestion des fonctions">
<p:menu style="width:100%" id="m3">
<p:menuitem value="Consulter" action="#{fonctionController.prepareList()}"/>
<p:menuitem value="Ajouter" action="#{fonctionController.prepareCreate()}" />
</p:menu>
</p:tab>
<p:tab title="Gestion des applications">
<p:menu style="width: 100%" id="m4">
<p:menuitem value="Consulter" action="#{applicationController.prepareList()}" />
<p:menuitem value="Ajouter" action="#{applicationController.prepareCreate()}"/>
</p:menu>
</p:tab>
<p:tab title="Gestion des fiches " >
<p:menu style="width: 100%" id="m5">
<p:menuitem value="Consulter" action="#{ficheController.prepareList()}"/>
<p:menuitem value="Ajouter" action="#{ficheController.prepareCreate()}" />
</p:menu>
</p:tab>
<p:tab title="Administration" >
<p:menu style="width: 100%" id="m6">
<p:menuitem value="Consulter" action="#{groupeController.prepareList()}" />
<p:menuitem value="Ajouter" action="#{groupeController.prepareCreate()}" />
</p:menu>
</p:tab>
<p:tab title="Traçabilité" >
<p:menu style="width: 100%" id="m7">
<p:menuitem value="Consulter" action="#{traceController.prepareList()}" />
<p:menuitem value="Ajouter" action="#{traceController.prepareCreate()}" />
</p:menu>
</p:tab>
</p:accordionPanel>
</h:form>
</p:layoutUnit>
I use primefaces 3.2, jsf 2.1, glassfish 3.1.2.1 Please help me.
解决方案
As the error message suggests you are missing the center part of the layout.
It is a required element.
Define one similar to this:
<p:layoutUnit position="center">
YOUR CONTENT
</p:layoutUnit>
这篇关于UI布局初始化错误 - 中心窗格元素不存在的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文