zurb-foundation 5数据交换w / xhtml

时间:2013-11-29 16:23:52

标签: jsf jsf-2 zurb-foundation

我正在使用Foundation 5响应包,我想将jsf和richfaces合并到我的设计中。对于不同的屏幕尺寸,是否可以使用嵌入在xhtml中的jsf / richfaces组件进行数据交换,而不仅仅是普通的html和html元素?

将数据交换[....]与.xhtml一起使用?

当我只使用基本的html元素(没有jsf或richface组件)时,一切正常。我尝试将xhtml与以下内容结合使用,例如:


这不起作用:greater_slider.xhtml

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:my="http://java.sun.com/jsf/composite/components">

<h:head>
<meta charset="utf-8">
<title>Untitled Document</title>
</h:head>

<h:body>
    <div class="overlay2" style="text-align: center;">
        <h3>Safe. Fun. Online Streaming TV For Kids</h3>
        <h3>100% Free To Try. Let's Get Started!</h3>
        <div align="center" style="padding: 10px;">
            <a href="http://www.amebatv.com/watch/signup.jsf" class="large round button">Start Free Trial</a>
        </div>
    </div>
</h:body>
</html>

这适用:large_slider.html&lt; ---注意html扩展名

<!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:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:my="http://java.sun.com/jsf/composite/components">

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

<h:body>
    <div class="overlay2" style="text-align: center;">
        <h3>Safe. Fun. Online Streaming TV For Kids</h3>
        <h3>100% Free To Try. Let's Get Started!</h3>
    </div>
</h:body>
</html>

Instead of this:
<div>
    data-interchange="[small_slider.html, (small)], [medium_slider.html, (medium)], [large_slider.html, (large)]">
</div>

我想这样做:其中xhtml包含jsf richfaces表单组件

<div>
    data-interchange="[small_slider.xhtml, (small)], [medium_slider.xhtml, (medium)], [large_slider.xhtml, (large)]">
</div>

2 个答案:

答案 0 :(得分:0)

而不是:

  <div>
      data-interchange="[small_slider.xhtml, (small)], [medium_slider.xhtml, (medium)], [large_slider.xhtml, (large)]">
    </div>

我用过:

  <div>
      data-interchange="[small_slider.jsf, (small)], [medium_slider.jsf, (medium)], [large_slider.jsf, (large)]">
   </div>

现在就像魅力一样。

答案 1 :(得分:0)

你的richfaces组件,从Java Managed Beans获取数据与图片中的Zurb基础一起工作正常吗?