在mouseover上呈现jsf元素_Jsf_Jsf 2

在mouseover上呈现jsf元素

jsf jsf-2

在mouseover上呈现jsf元素,jsf,jsf-2,Jsf,Jsf 2,我有一个和一个h:commandLink（link基本上是一个图像）。现在我想在mouseover事件中使用它，然后link应该是render（render='true'），在mouseout事件中，它将被删除render='false'，但我无法创建如何处理这些事件的逻辑，因为我使用的方法是在该事件上设置beantrue和false的值。这是我的密码 <h:form> <h:panelGrid mouseover='** we cannot call a b

我有一个

和一个

h:commandLink

（link基本上是一个图像）。现在我想在mouseover事件中使用它，然后link应该是render

（render='true'）

，在mouseout事件中，它将被删除

render='false'

，但我无法创建如何处理这些事件的逻辑，因为我使用的方法是在该事件上设置bean

true

和

false

的值。
这是我的密码

<h:form>
        <h:panelGrid mouseover='** we cannot call a bean method here which changes the bean value **'>

        This is the Div On which I want to apply mouseover event
        </h:panelGrid>

        <h:commandLink id="btn" render={renderBean.renderLink}>
        <h:graphicImage url="image.jpg"/>
        </h:commandLink>


    </h:form>


这是我要应用mouseover事件的Div

renderBean

的

renderLink

属性的默认值为false。现在我想知道如何在鼠标悬停事件中将其值更改为

true

？可能吗或JSF中的任何其他解决方案w.r.t此要求

您必须记住，在JSF中，页面将首先由web服务器中的JSF引擎在服务器端进行处理。到那时，所有JSF标记都将转换为它们的HTML等价物。

render

属性告诉服务器端引擎是否在

元素的位置输出HTML

（锚定）链接

您正在寻找的行为，即响应鼠标事件，是客户端功能。它发生在浏览器中，而不是在web服务器上，因此不涉及JSF。解决方案是用JavaScript而不是JSF处理鼠标事件。您通常会在名为

btn

的id上设置（或删除）CSS属性

display:none

（不幸的是，它稍微复杂一些，因为JSF会稍微损坏元素id）。这里有很多关于StackOverflow的帖子，讨论如何在JavaScript中处理客户端事件。例如，使用jQuery是一种非常常见的方法

我建议您开始阅读我们最好的JSF资源之一和长期StackOverflow用户BalusC:的博客

有很多东西需要学习，你可以先去那里（搜索他的帖子等），这样你会有一个好的开始

祝你好运。

你必须记住，在JSF中，页面将首先由web服务器中的JSF引擎在服务器端进行处理。到那时，所有JSF标记都将转换为它们的HTML等价物。

render