Question

我正在使用RichFaces，并希望在我的网站上实施实时搜索。我有一个输入字段，以及一个在我的支持bean中动态构建的div。实际上，方法bean.getResultsDiv（）调用setResultsDiv（）并考虑searchString创建MyFaces Div对象。不幸的是，如果我在输入字段中键入一个char，则result-div的重新渲染过早发生，searchstring将不会更新。如何确保首先处理char，然后触发创建新result-div的bean方法？提前致谢。

<t:inputText id="mysearchString"
    value="#{bean.searchString}"
    onkeydown="jQuery('form_processSearchString').click();"
/>
<4j:commandButton id="processSearchString" 
    process="mysearchString"
    reRender="results"
/>
<t:div id="results" binding="#{bean.resultsDiv}" />

UPDATE-1：我调试了，现在我可以看到bean.searchString已正确更新。不幸的是，getResultsDiv（）的getter方法在setSearchString（newStringToSeach）之前被调用。我怎样才能确保首先处理，然后重新渲染。

我正在玩的另一个代码片段（相同的行为，在setSearchString（）之前触发了rerendering-getter-call）：

<t:inputText id="searchString"
    value="#{beans.searchString}"
    onkeydown="if (event.keyCode == 13) { return false; }">
    <a4j:support event="onkeyup" requestDelay="200" ajaxSingle="true"
        reRender="resultsDiv" eventsQueue="quicksearchqueue"
        ignoreDupResponses="true"
        process="searchString" 
    />
</t:inputText>

感谢您的帮助！

UPDATE-2：我能够发现相应绑定的getter根本没有被触发，所以div不可能得到更新。这似乎是个问题！

<t:div id="results" binding="#{bean.resultsDiv}" />

Answer 1

看起来你很顺利。请注意绑定到listener方法的属性process，这是此示例中的技巧。应跟踪搜索字符串txtSearchString中的每个 keypress ，并且需要调用process方法。这将更新输入控件下面的 Ajax实时搜索面板。

的facelet：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets" 
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core">

<h:head>
    <title>TODO supply a title</title>
</h:head>
<body>
    <h:form>
        <h:inputText id="txtSearchString" value="#{lively.seStr}">
            <f:ajax event="keypress" render=":result" execute="@form" listener="#{lively.process()}"/>                
        </h:inputText>
    </h:form>
    <h:outputFormat id="result" value="#{lively.liveMsg}"/>
</body>
</html>

Mmanaged bean：

import javax.inject.Named;

import javax.enterprise.context.SessionScoped;

import java.io.Serializable;

 @Named(value = "lively")
 @SessionScoped
 public class lively implements Serializable {

private String seStr = "";
private String liveMsg = "....";
private int livelyID = 0;

public String getLiveMsg() {
    return liveMsg;
}

//public void setLiveMsg(String liveMsg) {
//   this.liveMsg = liveMsg;
//}

public String getSeStr() {
    return seStr;
}

public void setSeStr(String seStr) {        
    this.seStr = seStr;
}

public lively() {

}

public void process() {
    //initialize
    if (seStr.length() == 0) 
        livelyID = 0;

    //access the search string        
    liveMsg = seStr + " - ";

    //do some work
    livelyID++;
    if (livelyID <= 10) {
        liveMsg = "less than 10";
    } else if (livelyID > 10 && livelyID <= 20) {
        liveMsg = "more than 10";
    } else {
        liveMsg = "more than 20";
    }
 }
}

只需将bean和facelet添加到JSF项目并运行facelet。

很抱歉，但我没有主要面孔我在纯Glassfish实施方面工作，但您可能会发现此示例有趣，与您的要求类似。

RichFaces在inputField上的LiveSearch

1 个答案: