Primefaces Datatable中的MouseOver-Window

时间:2014-09-12 12:05:09

标签: jsf primefaces css3

我有一个Primefaces Datatable,每列都填充了一个OutputLabel。当此标签中的字符串包含多个字符时,文本将不可见。

enter image description here

我正在寻找一种方法,以显示MouseOver窗口或提示以显示全文。什么是最无痛的方式?提前谢谢。

1 个答案:

答案 0 :(得分:3)

您可以使用Primeface Tooltip组件。

<p:tooltip value="<CONTENT_OF_TOOLTIP>" for="<COMPONENT_ID_ON_WHICH_TOOLTIP_WILL_APPEAR>" />

即使在Primefaces Datable内部组件中生成的ID与List的迭代不同,如果您将p:tooltip也放在表中,如下例所示,primefaces也会为p:tooltip组件生成动态ID

示例:

   <p:dataTable value="#{heroMBean.herosList}" var="h">
        <p:column headerText="Name">
            <h:outputText id="hname" value="#{h.name}"/>
            <p:tooltip for="hname" value="#{h.name}"></p:tooltip>
        </p:column>

        <p:column headerText="Universe">
            <h:outputText id="huniverse" value="#{h.universe}"/>
        </p:column>
    </p:dataTable>