rich:tooltip不适用于RichFaces 4

时间:2014-06-02 17:33:30

标签: richfaces tooltip

版本:

RichFaces 4.3.5

Apache MyFaces 2.1

问题:

我们正在从富裕的面孔3到4迁移。 我们面临以下富裕问题:工具提示组件。 如清单1所示,当工具提示包含在rich:dataTable中时,它显示正常。 但是当包含没有rich:dataTable时,它没有显示出来。 当mode =" ajax"在清单2中添加了它,它开始工作,但我们不想使用ajax模式并希望预取内容。

我们有什么方法可以让清单2使用客户端模式吗?

代码:

清单1:

 <rich:dataTable id="apps" value="#{bean.values}" var="val">
                <f:facet name="header">
                <rich:columnGroup columnClasses="rowClass">
                    <h:column>
                    <h:outputText value="Column1" />
                </h:column>                                                     
                </rich:columnGroup>
            </f:facet>
            <h:column>
                    <h:panelGroup rendered="#{bean.condition}">
                        <h:outputText id="statusId" style="cursor:hand; color:#0000F0; text-decoration:underline;" value="#{val.statusValue}" />
                    <rich:tooltip target="statusId" showEvent="click" direction="bottomLeft"  followMouse="false" layout="block" >
                        <h:panelGrid columns="1">
                            <h:panelGroup>
                                <h:outputLabel value="Detail Status " rendered="#{val.statusDescr}" />                              
                            </h:panelGroup>
                        </h:panelGrid>
                    </rich:tooltip>
                </h:panelGroup>
            </h:column>
 </rich:dataTable>

清单2:

<h:panelGroup>
    <h:outputText id="statusIdMain" style="cursor:hand; color:#0000F0; text-decoration:underline;" value="#{bean.statusValue}" />
    <rich:panel>
        <h:outputText id="statusId" style="cursor:hand; color:#0000F0; text-decoration:underline;" value="#{val.statusValue}" />
        <rich:tooltip target="statusId" showEvent="click" direction="bottomLeft"  followMouse="false" layout="block" >
                <h:panelGrid columns="1">
                    <h:panelGroup>
                        <h:outputLabel value="Detail Status " rendered="#{bean.statusDescr}" />                             
                    </h:panelGroup>
                </h:panelGrid>
        </rich:tooltip>
    </rich:panel>
</h:panelGroup>

编辑1:

还观察到,在单击工具提示的目标文本几次后,有时会显示工具提示内容。

编辑2: 我还观察了一件事。当方向=&#34; bottomLeft&#34;用于工具提示,toll​​tip没有显示,但在替换为&#34; bottomRight&#34; ,它开始工作。在第一种情况的控制台调试中,我观察到CSS的警告: &#34;解析&#39; left&#39;的值时出错。宣言下降。 解析&#39; top&#39;的值时出错。声明被撤销。&#34;

0 个答案:

没有答案