将鼠标悬停在动态搜索中的元素上时显示文本

时间:2016-01-08 13:57:38

标签: ajax jsf primefaces

我有这段代码剪断,执行动态搜索。

Sub Sum_column_V()
Sheets("Summary").Select

Dim j As Integer
j = 2

While Cells(j, 1) <> ""
Cells(j, 22) = Application.Sum(Range(Cells(j, 9), Cells(j, 20)))
j = j + 1
Wend


End Sub

我有另一个属性<f:facet name="right" > <p:autoComplete id="searchTree" placeholder="Search" autoHighlight="true" minQueryLength="2" scrollHeight="700" value="#{treeSelectionView.configItemDtoSearchSelected}" completeMethod="#{treeSelectionView.searchAllNodes}" var="configItemDtoSearch" itemValue="#{configItemDtoSearch}" itemLabel="#{configItemDtoSearch.name}" effect="fade" converter="#{treeSearchConverter}"> <p:ajax event="itemSelect" listener="#{depedencyView.onNodeSearchSelect}" update="configItemForm:configItemTree configItemForm:toolBar :centerContentPanel :dependencyPanel" oncomplete="focusOnSelectedTree()" /> </p:autoComplete> </f:facet> 。我希望在搜索结果中将鼠标悬停在某个项目(由configItemDtoSearch.fullPath标识)上时显示该属性。为此,是否在primefaces中构建了功能?我怎么能这样做?

PS:使用configItemDtoSearch.name似乎有这样的功能,但我不知道如何组合它们。它也可以使用JavaScript完成。问题是获得tooltip

1 个答案:

答案 0 :(得分:1)

您是否在Itemtip

上尝试了primeFaces示例
<p:outputLabel value="Itemtip:" for="itemTip" />
        <p:autoComplete id="itemTip" value="#{autoCompleteView.theme3}" completeMethod="#{autoCompleteView.completeTheme}"
                        var="theme" itemLabel="#{theme.displayName}" itemValue="#{theme}" converter="themeConverter" forceSelection="true">
            <f:facet name="itemtip">
                <h:panelGrid columns="2" cellpadding="5">
                    <f:facet name="header">
                        <h:outputText styleClass="ui-theme ui-theme-#{theme.name}" style="margin-left:50px" />
                    </f:facet>

                    <h:outputText value="Display:" />
                    <h:outputText value="#{theme.displayName}" />

                    <h:outputText value="Key" />
                    <h:outputText value="#{theme.name}" />
                </h:panelGrid>
            </f:facet>
</p:autoComplete>