1

我想知道，如何在 jsf/primefaces 和 javascript 之间建立连接。

在用户键入空格后，我想在我的支持 bean 中调用一个侦听器。为了确定按下了哪个键，我得到了一个 javascript funktion

<script type="text/javascript">
   function displayunicode(e){
   var unicode=e.keyCode? e.keyCode : e.charCode
   return unicode
}
</script>

如果按下“空格”，则“unicode”的值为 32。

现在我从一个带有“onkeyup 事件”的 primefaces 组件调用这个函数

<h:form>
...

<p:inputTextarea id="inputBeschreibung" 
                                    value="#{bean.value}"
                                    rows="10" 
                                    cols="50"
                                    queryDelay="300" 
                                    maxlength="500"
                                    onkeyup="displayunicode(event); this.select()">

                    </p:inputTextarea> 

...
</h:form>

我不想在我的 primefaces 组件中做这样的事情：

if(displayunicode(event); == 32) callBacking bean 方法。

我不知道该怎么做。

4

1 回答 1

4

从 JavaScript 到 bean

要从 JavaScript 触发支持 bean 方法，您可以使用p:remoteCommand组件：https ://www.primefaces.org/showcase/ui/ajax/remoteCommand.xhtml

这是PrimeFaces 用户指南中的示例：

<p:remoteCommand name="increment" actionListener="#{counter.increment}"
out="count" />

<h:outputText id="count" value="#{counter.count}" />

<script type="text/javascript">
    function customfunction() {
        increment(); //makes a remote call
    }
</script>

从 bean 到 JavaScript

如果你想要相反的动作，你可以使用org.primefaces.context.RequestContext 类的execute(...)方法：

RequestContext context = RequestContext.getCurrentInstance();
context.execute("alert('hello from bean');");
于 2013-11-05T13:28:00.083 回答