1

我正在使用 primefaces 和谷歌应用引擎。我发布此代码是因为布局不起作用。最初，我尝试使用模板 facelets（组合、包含、插入、集合）但均未成功。我熟悉 facelets 和 jsf，因为它们可以在另一个环境中使用。所以我决定尝试布局和layoutunit，但一无所获。

谢谢你。

<!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:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Inicio</title>
</head>
   <h:body>
      <p:layout fullPage="true">
         <p:layoutUnit position="top" height="75" header="Top">
            <h:outputText value="North unit content1aaaa." />
         </p:layoutUnit>

         <p:layoutUnit position="center">
            <h:form>
              This fullPage layout consists of five different layoutUnits which are                
                 resizable and closable by default.
              </h:form>
         </p:layoutUnit>

         <p:layoutUnit position="bottom" height="75" header="Bottom">
            <h:outputText value="South unit content." />
         </p:layoutUnit>
      </p:layout>
   </h:body>
</f:view>
</html>
4

1 回答 1

1

您的代码中有一些错误。

LayoutUnits 的值不能是顶部或底部。允许的值为：

<p:layoutUnit position="north"/>
<p:layoutUnit position="west"/>
<p:layoutUnit position="east"/>
<p:layoutUnit position="south"/>

第二件事是关于

<f:view contentType="text/html">

不要在此标签下包含您的所有内容。直接关闭即可（如果真的需要的话）

<f:view contentType="text/html"/>

然后你必须编辑你的头标签

<h:head>...</h:head>

只需参考 Primefaces 示例： http: //www.primefaces.org/showcase/ui/layoutFull.jsf

这是您的工作代码：

<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">


<h:head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Inicio</title>
</h:head>

<h:body>
  <p:layout fullPage="true">
     <p:layoutUnit position="north" height="75" header="Top">
        <h:outputText value="North unit content1aaaa." />
     </p:layoutUnit>

     <p:layoutUnit position="center">
        <h:form>
          This fullPage layout consists of five different layoutUnits which are                
             resizable and closable by default.
          </h:form>
     </p:layoutUnit>

     <p:layoutUnit position="south" height="75" header="Bottom">
        <h:outputText value="South unit content." />
     </p:layoutUnit>
  </p:layout>
 </h:body>

</html>
于 2013-01-24T22:02:33.153 回答