RichFaces扩展数据表在呈现时具有外部div,该div会将所有溢出设置为隐藏。因此,每行显示工具提示效果不佳,因为当将鼠标悬停在表格底部或右侧边缘的行上时,工具提示会部分隐藏。

呈现的HTML看起来很像这样。需要明确的是,RichFaces渲染引擎可以完全控制输出外部DIV的样式,包括第3行的“ overflow:hidden”:

<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行上的“ overflow:hidden”是导致问题的原因,如果我使用客户端后缀(例如Firebug编辑器)手动将其删除,则可以解决此问题,但我需要在RichFaces框架内解决该问题,以便CSS从来没有输出过。

用于生成此代码的RichFaces标记看起来像这样:

<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扩展数据表会令人讨厌。

关于jsf - 是否可以使RichFaces toolTip在包围ExtendedDataTable之外溢出?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14973735/

10-14 18:03