JSF/Primefaces span onClick会自动调用支持Bean

Question

我正在用JSF做一个项目，遇到了以下问题。

当我创建以下跨度时：

<ui:composition>
    <div id="header" class="header">
        <p style="float: right; padding-right: 20px">
            Welcome, #{infoGet.username} <span class="glyphicon glyphicon-off" style="color: darkred; cursor: pointer;" onclick="#{Login.logout()}" />
        </p>
    </div>
</ui:composition>

它调用这个方法logout（）

public void logout() {
    FacesContext.getCurrentInstance().getExternalContext().invalidateSession();
    try {
        FacesContext.getCurrentInstance().getExternalContext().redirect("Landing.xhtml");
    } catch(IOException e) {
        e.printStackTrace();
    }
}

然而，在页面加载时，跨度内的onClick会被自动调用，如果我这样做：

public void logout() {
    FacesContext.getCurrentInstance().getExternalContext().invalidateSession();
}

并刷新页面，会话将无效。

有没有办法从span中调用方法“onClick”？我确实需要它是一个标签，这样我就可以正确使用引导图标元素。我知道onClick通常用于Javascript，但它与JSF一起使用似乎是合乎逻辑的。

编辑与解决方案通过@luiggi-mendoza

将组成更改为：

<ui:composition>
    <div id="header" class="header">
        <h:form style="float: right; padding-right: 20px">
            <h:commandLink action="#{Login.logout()}" styleClass="clearCommand">
                <span class="glyphicon glyphicon-off" style="color: darkred; cursor: pointer;" />
            </h:commandLink>
        </h:form>
        <p style="float: right; padding-right: 20px">
            Welcome, #{infoGet.username}
        </p>
    </div>
</ui:composition>

明确命令：

#clearCommand {
    cursor: pointer;
}

保持登录状态，现在一切都解决了。

Answer 1

您不应该将任何表达式语言直接调用到非JSF组件中。你要找的是

<h:form>
    <h:commandLink action="#{Login.logout()}" styleClass="foo">
        <span style="...">logout</span>
    </h:commandLink>
</h:form>

其中foo是一个CSS类，您可以在其中清除