gpt4 book ai didi

jsf-2 - 将鼠标悬停在标题列数据表上时显示工具提示

转载 作者:行者123 更新时间:2023-12-04 13:32:21 26 4
gpt4 key购买 nike

当将鼠标悬停在标题上方以显示标题列的整个标题时,如何显示动态表标题p:dataTable的工具提示。

<p:dataTable id="detailDataTable" widgetVar="detailWidgetVar"
value="#{model.elements}" var="element"

paginator="false" resizableColumns="false" scrollWidth="100%"
scrollable= "true" emptyMessage="Aucun résultat"
styleClass="tableResultat" rowStyleClass="">
<p:columns value="#{model.columns}" var="column" columnIndexVar="colIndex"
headerText="#{column.header}"
styleClass="#{column.styleClass}" width="#{column.width}"
sortBy="#{(element[column.productId])[column.property]}">
<h:outputText value="#{(element[column.productId])[column.property]}"
title="#{(element[column.productId])[column.property]}"/>
</p:columns>
</p:dataTable>

最佳答案

您可以使用Global Primefaces Tooltip;您只需要使用<f:facet/>而不是headerText属性来更改设置标题文本的方法。使用您的代码示例

   <p:tooltip/>

<p:columns value="#{model.columns}" var="column" columnIndexVar="colIndex"
headerText= styleClass="#{column.styleClass}" width="#column.width}" sortBy="#{(element[column.productId])[column.property]}">
<f:facet name="header">
<h:outputText value="#{column.header}" title="#{column.header}"/>
</f:facet>
<h:outputText value="#{(element[column.productId])[column.property]}" title="#{(element[column.productId])[column.property]}"/>
</p:columns>

发生了两件事
  • 我已经定义了一个全局<p:tooltip/>
  • 在 header 构面文本上使用HTML标准的title属性。这就是钩在全局工具提示中的内容,用于按列
  • 显示工具提示文本

    关于jsf-2 - 将鼠标悬停在标题列数据表上时显示工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21705404/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com