0

我有一个布局文件如下

<p:layout fullPage="true">
    <p:layoutUnit position="center">
        <p:layoutUnit position="north">
            <ui:insert name="Middle top">
                <h3>This is a Center</h3>
            </ui:insert>
        </p:layoutUnit>

        <p:layoutUnit position="center">
            <ui:insert name="Middle center">
                <h3>This is a Center</h3>
            </ui:insert>
        </p:layoutUnit>
    </p:layoutUnit>
</p:layout>

但是当我运行布局文件时,什么都没有显示!

我使用 primefaces 3.5、jsf 2.1。

4

2 回答 2

1

除 center layoutUnit 外,其他布局单元必须具有通过 size 选项定义的尺寸。

像这样:

<p:layout fullPage="true">
    <p:layoutUnit position="north" size="50">
        <h:outputText value="Top content." />
    </p:layoutUnit>
    <p:layoutUnit position="south" size="100">
        <h:outputText value="Bottom content." />
    </p:layoutUnit>
    <p:layoutUnit position="west" size="300">
        <h:outputText value="Left content" />
    </p:layoutUnit>
    <p:layoutUnit position="east" size="200">
        <h:outputText value="Right Content" />
    </p:layoutUnit>
    <p:layoutUnit position="center">
        <h:outputText value="Center Content" />
    </p:layoutUnit>
</p:layout>
于 2013-07-16T06:50:48.603 回答
0

如果您要在项目中使用布局概念,它应该像这样处理。

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core">


    <f:view contentType="text/html" id="fview">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />       

        <f:metadata>
            <ui:insert name="metadata" />
        </f:metadata>
        <meta  name="selectedLanguage" content="Lang" lang="#{menuBean.selectedLanguage}"/>
        <h:head>
        </head>
        <h:body behavior: url(PIE/PIE.htc);">
             <p:layout fullPage="true" widgetVar="layoutWdgtMain">

                 <p:layoutUnit id="north" position="north" cellpadding="0" cellspacing="0">
                       //enter your code
                 </p:layoutUnit>            
                 <p:layoutUnit id="east" position="east" cellpadding="0" cellspacing="0">
                      //enter your code
                 </p:layoutUnit>    
                 <p:layoutUnit id="west" position="west" cellpadding="0" cellspacing="0">
                      //enter your code
                 </p:layoutUnit>            
                <p:layoutUnit id="south" position="south" cellpadding="0" cellspacing="0">
                     //enter your code
                </p:layoutUnit> 
            </p:layout>
       </h:body>
   </f:view>
</html>
于 2018-03-29T06:32:57.290 回答