Question

我需要在鼠标悬停图像上进行backbean调用并更新图像的工具提示。请告诉我该怎么做？

Answer 1

onmouseover是在客户端执行的，所以我的方法是：创建一个隐藏按钮，当鼠标悬停事件触发时，它会触发点击事件到该按钮，该按钮将调用 backbean （由你意味着）之后，按钮的oncomplete将使用来自bean（或来自任何东西）的信息来更新图像的标题：

<强> Facelets的：

<h:form id="form">
        <script type="text/javascript">
            function test(){
                $(PrimeFaces.escapeClientId('form:btn')).click();                
            }
            function test2(xhr,status,args){
                $(PrimeFaces.escapeClientId('form:gi')).attr("title",args.sotest);  
            }
        </script>
        <p:commandButton process="@this" actionListener="#{userBean.test}" oncomplete="test2(xhr,status,args);" style="display:none !important" id="btn" value="SB"/>
        <h:graphicImage id="gi" onmouseover="test();" url="/resources/images/banner2.png" title="123"/>
    </h:form>

BackBean （由您指定）：

public void test() {
        RequestContext reqCtx = RequestContext.getCurrentInstance();
        reqCtx.addCallbackParam("sotest", "image's title here");
    }

Primefaces -MouseOver -Method调用 - 多次出现

1 个答案: