RichFaces 툴팁이 extendedDataTable을 둘러싸는 외부로 넘칠 수 있습니까?

RichFaces 확장 데이터 테이블에는 렌더링 될 때 모든 오버플로가 숨겨 지도록 설정하는 외부 div가 있습니다. 따라서 행의 툴팁을 표시하는 것은 테이블의 하단 또는 오른쪽 가장자리의 행 위로 마우스를 가져 가면 툴팁이 부분적으로 보이지 않으므로 제대로 작동하지 않습니다.RichFaces 툴팁이 extendedDataTable을 둘러싸는 외부로 넘칠 수 있습니까?

렌더링 된 HTML은 이와 매우 비슷합니다.

이

<div id="toplevelform:myTable" class="extdt-maindiv rich-extdt-maindiv"> 
    <div id="toplevelform:myTable:od" class="extdt-outerdiv" 
     style="width:100%; height:100%; overflow:hidden;"> 

     <!-- inner divs to display rows and columns with their 
      respective tooltips here --> 

    </div> 
</div>

은 "오버 플로우 : 숨겨진"3 행에이 문제가 발생하고 무엇을 "숨겨진 오버 플로우"라인 3 명확하게하기 위해, 렌더링 엔진 RichFaces는 다음과 같은 외부 DIV의 스타일을 출력을 완전히 제어에 수동으로 클라이언트 측 접미어 (예 : 방화 광 편집기)를 사용하여 문제를 해결하면 문제가 해결되지만 RichFaces 프레임 워크 내에서 해결해야 CSS가 처음에는 출력되지 않습니다. 그것은 고정해야한다는 제약 주어진

<rich:extendedDataTable id="myTable" value="#{backingBean.myIterableProperty}" var="myPropVar"> 
    <rich:column id="nameCol" width="100%"> 
     <h:outputText value="#{myPropVar.name}"/> 
     <rich:toolTip direction="bottom-right" layout="block"> 
      My tooltip text here... 
     </rich:toolTip> 
    </rich:column> 
</rich:extendedDataTable>

자신의 경계 DIV에 제한을받지 않고 명확하게 표시되는 툴팁을 가지고 깨끗한 방법이 있나요을 :

RichFaces이 훨씬 다음과 같습니다 생산하는 데 사용되는 마크 업 클라이언트에 도착하기 전에?

툴팁 방향을 변경해도 대답이 아닙니다.

출처

2013-02-20 Lisa

CSS 및 CSS 오버플로에만 관련된 질문에 생성 된 HTML 코드를 제공하여보다 나은 답변 기회를 얻을 수 있다고 생각합니다. –

@LuiggiMendoza 미안하지만 이미 생성 된 HTML 코드를 제공했습니다. 또한 수동 HTML 상황에서 CSS 오버플로를 처리하는 방법을 이해하므로이 질문에 대한 답변만으로는 충분하지 않습니다. – Lisa

JSF/RichFaces는 결국 일반 HTML을 생성하므로 문제를 해결 한 다음 Facelets 코드에 적용 할 수 있습니다. –

대답은 '아니오'입니다. 이런 식으로 RichFaces 확장 데이터 테이블은 불편을 겪습니다.

출처

2013-03-26 03:29:58 Lisa

RichFaces 툴팁이 extendedDataTable을 둘러싸는 외부로 넘칠 수 있습니까?

답변

관련 문제