在JSF应用程序中显示消息

Question

当鼠标移动到界面的特定元素上时，如何可能在JSF应用程序中显示一条简单的消息?我已经尝试了这个代码，但它没有工作，没有消息显示:

JSF文件:

<h:form id ="f">
<h:selectManyCheckbox onmouseover="#{hello.message()}" layout="pageDirection" border="1"  value="#{hello.customersSelect}">
    <f:selectItems value="#{hello.customers}"></f:selectItems>
</h:selectManyCheckbox><br />
<h:commandButton action="response.xhtml" value="Click me" />
</h:form>

支持bean Hello (ManagedBean)包含方法message():

public void message(){
    FacesContext.getCurrentInstance().addMessage("f", new FacesMessage("Done"));
}

我想我应该在某个地方添加一个标签h:消息，但是我无法完成它，尽管我的努力。有提示吗?

Answer 1

为了满足您的好奇心，请使用<f:ajax event="mouseover" listener="#{hello.messageListener}" />:

JSF代码

<h:selectManyCheckbox layout="pageDirection" border="1"
    value="#{hello.customersSelect}">
    <f:selectItems value="#{hello.customers}"></f:selectItems>
    <f:ajax event="mouseover" listener="#{hello.messageListener}" render="messages" />
</h:selectManyCheckbox>
<br />
<h:messages id="messages" />

Hello bean代码

@ManagedBean
@ViewScoped
public class Hello {
    //attributes, constructor and other methods
    public void messageListener(AjaxBehaviorEvent event) { 
        System.out.println("OnMouseOver ajax event.");
        FacesContext.getCurrentInstance().addMessage(
            null, new FacesMessage("Done"));
    }
}

但更重要的是，你确定这是解决你真正问题的办法吗?为了获得更好的帮助，最好详细说明功能需求。

Answer 2

你应该在javascript中处理它，因为mouseOver是一个dom事件

<h:head>    
<h:outputScript library="js" name="rollover.js" />
[...]
<h:form id ="f">
<h:selectManyCheckbox onmouseover="mouseOn('foobar')" layout="pageDirection" border="1"  value="#{hello.customersSelect}">

和rollover.js:

function mouseOn(text) {
   alert(text)
}

Answer 3

如果您只想显示静态消息，在页面显示时不会更改:

<h:form>
    <h:selectManyCheckbox title="#{hello.message}" layout="pageDirection"
        border="1" value="#{hello.customersSelect}">
        <f:selectItems value="#{hello.customers}"></f:selectItems>
    </h:selectManyCheckbox><br />
    <h:commandButton action="response.xhtml" value="Click me" />
</h:form>

和豆子:

public String getMessage() {
    return "Done";
}

完全没有JavaScript;-)