Question

我正在使用primefaces和谷歌应用引擎。我发布此代码是因为布局不起作用。最初我尝试使用模板facelets（组合，包含，插入，集合），但都没有工作。我熟悉facelets和jsf在另一个环境中与它们一起工作。所以我决定尝试布局和layouunit，但没有。

谢谢。

<!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>

Answer 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>

Google应用引擎和primefaces layout / layoutunit不起作用

1 个答案: