Question

这是Primefaces Carousel在Primefaces 5.0中的样子：

This is a screenshot of what I get when I do a "run as" by right-clicking on the .xhtml file 我创建了一个新的Eclipse（动态Web项目）项目，试图减少尽可能多的变量。

我使用的库： Primefaces 5.0（我也试过很多3和4个版本） Mojarra 2.2.6（我尝试了一些低于此版本的版本）在Tomcat 7.0.52上运行

这是我的网页代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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></h:head>

<h:body>
    <f:view contentType="text/html">
        <h:form id="form">
            <h:body>
                <p:carousel circular="true" vertical="true">
                    <p:graphicImage name="images/csvExport.png" />
                    <p:graphicImage name="images/csvExport.png" />
                </p:carousel>
            </h:body>
        </h:form>
    </f:view>
</h:body>    
</html>

这是我的web.xml文件：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
        <url-pattern>*.xhtml</url-pattern>
        <url-pattern>*.html</url-pattern>
                <url-pattern>*.jsp</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
</web-app>

是的，我知道有关Primefaces Carousel的其他问题。我大部分时间都在其他地方读过这些和其他几十篇文章。

我也试过在那里抛出.jstl库。添加primefaces主题在它周围添加了一个边框，但Carousel仍然不对。

web.xml文件正是我在另一个Eclipse Web项目中所拥有的，它对我使用的所有其他primefaces组件都很好，所以我不认为web.xml文件是问题。

关于如何让这个Primefaces Carousel正确呈现的任何想法？图像正在拉起，但Carousel组件的“肉体”并没有通过。

编辑： Primefaces显示Carousel的案例在这里： http://www.primefaces.org/showcase/ui/data/carousel.xhtml 我的目标是让最基本的旋转木马工作。

EDIT2（2014年5月27日）：根据LarsBauer建议添加标题标记，输出网页现在看起来有点不同。它看起来像一个矩形而不是项目符号列表，但仍然不是它需要的地方。我尝试在我在其他Primefaces项目中使用的标题中添加primefaces样式（当然也复制文件），但这并没有改变任何东西。 enter image description here

EDIT3（2014年5月27日）：根据圣殿骑士的建议，我添加了h：body标签。这个改变与输出没有任何不同，但如果那个标签不在那里，我会对页面进行成像会在以后出现问题。不知道为什么我忘了添加它。

Answer 1

您的h:form需要在h:body内。另外，请查看您的Javascript控制台以查看任何客户端渲染错误。

<f:view contentType="text/html">
    <h:body>
        <h:form id="form">
            <p:carousel circular="true" vertical="true">
                <p:graphicImage name="images/csvExport.png" />
                <p:graphicImage name="images/csvExport.png" />
            </p:carousel>
        </h:form>
    </h:body>
</f:view>

Answer 2

很糟糕的是，我花了这么多天来解决这个问题，但Internet Explorer 8就是问题所在。任何现代浏览器都能正确显示所我在其他项目中使用的其他Primefaces组件工作正常，但Carousel却不是这样。

我的公司要求使用旧版本，我打赌你确切知道是谁＆gt;。＆gt;

Primefaces 5 Carousel展示 - 呈现图像，但使用项目符号而不是轮播

2 个答案: