2013-11-29 4 views
0

Я использую пакет с поддержкой 5, я хотел бы включить jsf и richfaces в свой дизайн. Для разных размеров экрана можно ли использовать компоненты jsf/richfaces, встроенные в xhtml для обмена данными вместо простых элементов html и html?zurb-foundation 5 data-interchange w/xhtml

WILL data-interchange [....] работать с .xhtml?

Когда я использую только базовые элементы html (без компонентов jsf или richface), все работает так, как должно. Я стараюсь включать в XHTML со следующими, например:


Это не работает: larger_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 < --- обратите внимание расширение 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> 
+0

Было бы более полезно, если бы вы рассказали, с какими проблемами вы столкнулись, вместо того, чтобы задавать риторический вопрос, для которого вы уже легко сможете найти ответ, просто выполнив его самостоятельно. В целом, я не могу игнорировать впечатление, что вы полностью упустили точку XHTML. Это позволяет веб-разработчикам использовать инструмент на основе XML для создания выходных данных HTML. Таким образом, в конечном счете, оба способа все равно попадут в некоторый HTML-контент, который будет обслуживаться. То, как сервер сделал это (либо простой ванильный HTML, либо через инструмент XML), должен быть совершенно неактуальным для клиентской стороны. – BalusC

+0

@BalusC проблема в том, что я пытаюсь использовать xhtml с jsf/rich компонентами, которые они не отображают. Если я использую только простые компоненты html и html, он работает так, как должен. Проверьте изменения выше. – Fabii

+1

Другими словами, 'FacesServlet' не вызывается? Вы убедились, что URL-адрес HTTP-запроса соответствует шаблону URL-адреса в его отображении сервлетов? Или, с другой стороны, вы убедились, что шаблон URL в его сопоставлении сервлетов соответствует URL-адресу HTTP-запроса? Использование канонического шаблона URL JSF 2.x '* .xhtml' должно просто сделать это. Кстати, у HTML нет понятия «компоненты». Это называется «элементами». – BalusC

ответ

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

Другими словами, ваш 'FacesServlet' отображался в шаблоне URL' * .jsf', а не '* .xhtml'. – BalusC

0

Являются ли ваши компоненты richfaces, получая данные из Java Managed Beans, отлично работающие с основанием Zurb на картинке?

Смежные вопросы