Primeface 工具提示应该看起来像 rowEditor 工具提示

Question

我正在使用 primeface 数据表和 primeface rowEditor。作为 deleteLink 的工具提示，我使用了 primeface 工具提示。 primeface 工具提示看起来不像 rowEditor 工具提示。有没有可能长得一样？

                <p:column style="width:32px">
                    <p:rowEditor editTitle="Bearbeiten" saveTitle="Speichern" cancelTitle="Abbrechen" />
                </p:column>

                <p:column style="width:32px">
                    <p:commandLink id="deleteLink" styleClass="ui-icon ui-icon-trash" action="#{SFKBean.deleteStrasse(str)}" update="strList, :sdform:msgs" />
                    <p:tooltip id="deleteLinkTT" for="deleteLink" value="Straße entfernen" position="bottom" />
                </p:column>

That's how it looks

Answer 1

rowEditor '...title' 工具提示是浏览器工具提示。 p:tooltip 生成非浏览器工具提示（可以通过设计）不容易看起来像浏览器工具提示（每个浏览器不同）并且适用于不支持基于浏览器的工具提示的组件。如果您想要 'normal' 工具提示，请使用 p:commandLink

上的 title 属性

<p:commandLink id="deleteLink" styleClass="ui-icon ui-icon-trash" action="#{SFKBean.deleteStrasse(str)}" update="strList, :sdform:msgs" title="Straße entfernen" />

如果您想要 p:tooltip 的样式类似于浏览器原生样式，请向其添加 styleClass 属性并制作特定于浏览器的选择器（可能需要一些 javascript）

Primeface 工具提示应该看起来像 rowEditor 工具提示

Primeface Tooltip should look like rowEditor Tooltip

jsf

tooltip

primefaces