JSF / PrimeFaces客户端输入操作

时间:2012-09-03 18:30:50

标签: javascript jquery jsf primefaces client-side

我有一个JSF / PrimeFaces页面,其中<p:selectOneMenu>包含从托管bean中的值填充的项目。它的项目实际上是简单语句中描述的样本查询,以帮助用户评估系统。

<p:selectOneMenu id="sampleQueryInput">
    <f:selectItems value="#{bean.sampleQueries}" var="sampleQuery" itemLabel="#{sampleQuery.title}" itemValue="#{sampleQuery.query}" />
</p:selectOneMenu>

当用户从sampleQuery.query中选择示例查询时,我想将选定的<p:inputTextarea>插入另一个<p:selectOneMenu>。文本区域包含要发送的实际查询,并且最终用户应该可以编辑。我在PrimeFaces用户指南中没有找到关于客户端API的足够信息,我不知道我是应该使用PF客户端API还是编写我自己的javascript来处理它。我怎样才能做到这一点?我正在使用PrimeFaces 3.3.1。

2 个答案:

答案 0 :(得分:2)

onchange的{​​{1}}中尝试这样的事情(写一个简单的js函数并调用它)

p:selectOneMenu

答案 1 :(得分:1)

使用:

<p:selectOneMenu id="sampleQueryInput" onchange="callJavaScriptFunction()">

callJavaScriptFunction

您可以通过sampleQueryInput的ID获取所选项目,并将值放在inputTextarea中。