2012-04-05 16 views
0

Wir implementieren den Primefaces-Tooltip für die Datentabelle. Das Tooltip-Postining befindet sich jedoch außerhalb der datierbaren Zeile.Primes: QuickInfo-Tooltip-Positionierung in Datentabelle

<p:tooltip targetPosition="bottomLeft" Delay="0" showDelay="0"> 
<h:outputText value="#{label.lockTime}" 
style="font-weight:bold" /> 
<h:outputText value=": #{cert.lockTime}" /> 
<p:spacer width="1" height="10" /> 
<h:outputText value="#{cert.label} " style="font-weight:bold" /> 
<h:outputText value=": #{cert.userDetails}" /> 
</p:tooltip> 
+0

Tooltip wird zur Zeit in der Primefaces-Datentabelle nicht unterstützt. Ich glaube, dass das Primefaces Extensions-Projekt eine DataTable-fähige Tooltip-Komponente hat, oder Sie können diese Frage betrachten und stattdessen einen Overlaypanel-Hack implementieren, http://stackoverflow.com/questions/9980155/jsf-2-0-primefaces-2-x -tooltip-for-datatable-row –

+0

@maple_welle danke – Vish

Antwort

1

Sie versuchen, diese

<p:tooltip /> 
<p:dataTable var="var" ........> 
    <p:column headerText="Market" > 
     <h:outputText value=" #{var.market}" title=" #{var.market}" 
         style="display:block;"> 
     </h:outputText>    
    </p:column> 
    <p:column headerText="Value" > 
     <h:outputText value=" #{var.value}" title=" #{var.value}" 
         style="display:block;"> 
     </h:outputText>    
    </p:column> 

</p:dataTable> 

Ich hoffe, es wird funktionieren.