h:dataTable and rich:toolTip

[Anthony Sykes]

Here is the scenario: I have a dataTable and I need a toolTip to appear when someone mouses over an entry in a column. I looked at the examples and it seems as if they are preloading the tooltip as the dataTable is generated. I would like the load to occur when the user upon mouseover. I could be wrong, is this preloading? If I am not wrong, could someone provide examples on how to pull the tooltip from the database on column mouseover?

[Bauke Scholtz]

Not sure what the functional requirement is, but you could also just make use of the HTML 'title' attribute which is supported by every JSF HTML component. E.g.

<h:outputText value="#{bean.value}" title="#{bean.title}" />

[Anthony Sykes]

It needs to display nine different items. Also, I need to pull this information from the database due to database architecture. It seems like they would have allowed for this scenario. This is an ajax-based component.

Bauke Scholtz wrote:Not sure what the functional requirement is, but you could also just make use of the HTML 'title' attribute which is supported by every JSF HTML component. E.g.

<h:outputText value="#{bean.value}" title="#{bean.title}" />

[Anthony Sykes]

I need to use the tooltip in the following manner, would this be poossible? Basically I want another bean to lazy initialize the alternateBean's object when the mouseover occurs.

    
<rich:dataTable value="#{toolTipData.vehicles}" width="400" var="vehicle" rowKeyVar="row">
        <rich:column>
            <f:facet name="header">
                <h:outputText value="##"/>
            </f:facet>
            <h:outputText value="#{row+1}" />
        </rich:column>
        <rich:column>
            <f:facet name="header">
                <h:outputText value="Make"/>
            </f:facet>
            <h:outputText id="make" value="#{vehicle.make}" >
        <rich:toolTip direction="top-right" mode="ajax" delay="30" styleClass="tooltip" immediate="true" layout="block">
            <a4j:actionparam name="key" value="#{vehicle.vehicleID}" assignTo="#{alternateBean.object.objectID}" />

            <h:panelGrid columns="4">
                <f:facet name="header">
                    <h:outputText value="Vehicle details:" />
                </f:facet>
                <h:outputText value="make:" />
                <h:outputText value="#{alternateBean.object.make}" styleClass="tooltipData" />
                <h:outputText value="model:" />
                <h:outputText value="#{alternateBean.object.model}" styleClass="tooltipData" />
                <h:outputText value="year:" />
                <h:outputText value="#{alternateBean.object.year}" styleClass="tooltipData" />
                <h:outputText value="milage:" />
                <h:outputText value="#{alternateBean.object.milage}" styleClass="tooltipData" />
                <h:outputText value="zip:" />
                <h:outputText value="#{alternateBean.object.zip}" styleClass="tooltipData" />
                <h:outputText value="listed:" />
                <h:outputText value="#{alternateBean.object.listed}" styleClass="tooltipData" >
                    <f:convertDateTime dateStyle="short"/>
                </h:outputText>
                <f:facet name="footer">
                    <h:panelGroup>
                        <h:outputText value="vin: " />
                        <h:outputText value="#{alternateBean.object.vin}" styleClass="tooltipData" />
                    </h:panelGroup>
                </f:facet>
                
            </h:panelGrid>
        </rich:toolTip>
            </h:outputText>
        </rich:column>
        <rich:column>
            <f:facet name="header">
                <h:outputText value="Model"/>
            </f:facet>
            <h:outputText value="#{vehicle.model}" />
        </rich:column>
        <rich:column>
            <f:facet name="header">
                <h:outputText value="Year"/>
            </f:facet>
            <h:outputText value="#{vehicle.year}" />
        </rich:column>
    </rich:dataTable>

[S Majumder]

Hi every body ,

i have a question , I am using <rich:toolTip> .I have created 4 radio buttons by <h:selectManyCheckbox> & taking data by <f:selectItems> tags.

Is there any possibility to take <rich:toolTip> under <f:selectItems> ?

Here is my jsf code :

  
<h:panelGrid columns="2">
<h:selectManyCheckbox
		value="#{multiSiteBacking.value}" 
		layout="pageDirection"
		valueChangeListener="#{multiSiteBacking.action}"> 
     <f:selectItems value="#{multiSiteBacking.dataList}"/>
     <a4j:support event="onchange" reRender="form" />
</h:selectManyCheckbox>	
						
<h:commandLink value=" [?]"> 
     <rich:toolTip value="My Tool Tip"/> 
</h:commandLink>

/h:panelGrid>

Can I take <rich:toolTip > dynamically same as I am taking <f:selectItems> ?

please help.

Thanks,
S