초보자를위한 JSF 질문 -이 레이아웃을 달성하는 방법은 무엇입니까?

Question

는 여기

패널의 각 나중에 상황에 따라 differrent 구성 요소를 추가 할에서 백킹 빈에 연결되어야 보여 레이아웃을 달성하기 위해 노력하고있어.

나는 panelgrid를 사용해 보았지만이 모양을 얻을 수 없었다. 이 경우 JSF 만 사용하는 것이 좋지만 불가능하거나 너무 복잡하면 RichFaces도 좋습니다.

감사합니다.

Answer 1

JSF/HTML의 문제 일뿐만 아니라 CSS의 문제이기도합니다. 다음과 같이 위의 레이아웃은 기본적으로 이미 달성 될 수있다 :

당신은 스타일/위치가 같은 같은 CSS를 사용 할 수

<div id="header"></div> 
<div id="leftcol"></div> 
<div id="rightcol"></div> 

(다음 HTML을 생성)

<h:panelGroup id="header" layout="block"></h:panelGroup> 
<h:panelGroup id="leftcol" layout="block"></h:panelGroup> 
<h:panelGroup id="rightcol" layout="block"></h:panelGroup> 

:

#header { 
    width: 100%; 
    height: 100px; 
} 
#leftcol { 
    width: 200px; 
    float: left; 
} 
#rightcol { 
    float: left; 
} 

그게 다야.

Answer 2

위의 레이아웃을 달성 한 HTML 코드를 사용할 수 있습니다. 나는.

<table> 
    <tr>..</tr> 
    <tr>..</tr> 
</table> 

그러나 표가없는 레이아웃 (예 : <div> 태그 사용)이 좋습니다. (see here)