Question

我正在使用richfaces 4.0，我希望能够在鼠标悬停在按钮上时显示工具提示。我有一个工具提示工作为一个面板，但当我尝试为按钮执行此操作时没有任何东西出现这里是我的代码：

<a4j:outputPanel id="tooltippanel"> 
<h:commandButton id="SubmitToolButton" value="Log Out Tool" action="index.xhtml" style="FONT-WEIGHT: bold; height : 40px; width : 160px; margin-left:710px; font-size:12px" 
    actionListener="#{userData.getlogOutTool}" >
    <rich:tooltip for="SubmitToolButton" styleClass="tooltip" layout="block" mode="ajax" value="Submit">
                         Submitting tools
                </rich:tooltip>
    </h:commandButton>
</a4j:outputPanel>

任何帮助都会很棒。感谢。

Answer 1

将h:commandButton和rich:tooltip换入a4j:outputPanel

Answer 2

正如Vasil建议您需要嵌入 a4j：outputPanel 。您可以有两个选项，具体取决于您放置 rich：tooltip 元素的位置。

一种选择是将 rich：tooltip 元素添加为 h：commandButton 元素的子元素，但在这种情况下，您需要注意定位到 a4j ：outputPanel 元素，而不是您在示例中执行的 h：commandButton 元素。这是正确的方法：

<a4j:outputPanel id="tooltippanel">
   <h:commandButton id="SubmitToolButton" ...>
      <rich:tooltip target="tooltippanel" ...>
         ...
      </rich:tooltip>
    </h:commandButton>
</a4j:outputPanel>

另一个选项是将 rich：tooltip 元素添加为 a4j：outputPanel 的子元素，直接与 h：commandButton 元素相对应。在这种情况下，您不需要使用目标属性：

<a4j:outputPanel>
   <h:commandButton id="SubmitToolButton" .../>
   <rich:tooltip ...>
         ...
   </rich:tooltip>
</a4j:outputPanel>

也许第二个选项更可取，因为你不需要为 a4j：outputPanel 元素使用所谓的“magic id”。

我正在使用RichFaces 4.3.7， rich：tooltip 元素中不存在 for 属性，这就是我使用目标的原因属性。

rich：命令按钮的工具提示

2 个答案: