0

我正在尝试使用 PrimeFaces 展示 ElementLayout的示例， 但布局根本没有显示！

我已经看到了与我的问题相关的一种问题，例如（正确的命名空间，doctype ...），但对我没有任何作用。

在我的 pom 文件中，我声明了 jsf-api:2.0(provided) 和 primefaces:3.5

我的 layout.xhtml 看起来像这样：

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

 <h:head>
    <title>Title</title>
  </h:head>
  <h:body>
          <p:layout fullPage="true">
        <p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true">
            <h:outputText value="Top unit content." />
          </p:layoutUnit>

          <p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">
              <h:outputText value="South unit content." />
          </p:layoutUnit>

         <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">
            <h:form>
                <!-- ..... -->
            </h:form>
         </p:layoutUnit>

        <p:layoutUnit position="east" size="200" header="Right" resizable="true"    closable="true" collapsible="true" effect="drop">
            <h:outputText value="Right unit content." />
        </p:layoutUnit>

        <p:layoutUnit position="center">
            <ui:insert name="content">Put default content here, if any.</ui:insert>
        </p:layoutUnit>
    </p:layout>
</h:body>

我显示的 page.xhtml 如下所示：

  <ui:composition template="/templates/layout.xhtml"
   xmlns="http://www.w3.org/1999/xhtml"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:p="http://primefaces.org/ui">      
   <ui:define name="content">
     <h:form>
        <p:commandButton value="View" icon="ui-icon-extlink"
            actionListener="#{dialogBean.viewCars()}" />

        <p:commandButton value="Options" icon="ui-icon-extlink"
            actionListener="#{dialogBean.viewCarsCustomized()}" />
    </h:form>
  </ui:define>
    </ui:composition>

我已经在 primefaces 中尝试了各种布局展示没有人适合我

在此处输入链接描述

感谢您的帮助

4

2 回答 2

0

这是一个样式问题。从Primefaces Aristo下载这个 jar

并确保这在应用程序类路径中可用，并对 web.xml 文件进行更改，不要为“primefaces.THEME”指定任何上下文参数。

希望这可以帮助

于 2013-08-12T10:19:11.190 回答
0

在 JSF 中呈现布局时遇到了类似的问题。解决方案在 web.xml 中。

<welcome-file-list>在 web.xml 中应该如下

<welcome-file-list>
    <welcome-file>faces/index.xhtml</welcome-file>
</welcome-file-list>

如果您只有 index.xhtml，则不会呈现布局

于 2015-10-01T19:18:25.940 回答