代码之家 › 专栏 › 技术社区 › Arash Shahkar

JSF/PrimeFaces客户端输入操作

client-side primefaces jsf jquery javascript

Arash Shahkar · 技术社区 · 13 年前

我有一个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: 选择一个菜单> 。文本区域包含要发送的实际查询,并且最终用户应可编辑该查询。我在PrimeFaces用户指南中没有找到关于客户端API的足够信息,我不知道是应该使用PF客户端API还是编写自己的javascript来处理它。我该怎么做?我使用的是PrimeFaces 3.3.1。

2 回复 | 直到 13 年前

Daniel 13 年前

试试这个吧 onchange 的 p:selectOneMenu (编写一个简单的js函数并调用它)

var selectedVal = jQuery("[id$='sampleQueryInput']").find("select").val();
jQuery("#IdOfInputTextarea").text(selectedVal);//maybe it should be jQuery("#IdOfInputTextarea").val(selectedVal); , not sure

Mehdi 13 年前

使用:

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

在里面 callJavaScriptFunction 您可以通过所选项目的ID获取该项目 sampleQueryInput 并将值放入 inputTextarea 。

推荐文章

FreeKill · 按子元素获取Div

8 年前

Luis Pavez · 在actionListener完成之前更新组件

8 年前

Luis Pavez · 带有Primefaces的模式不确定progressBar

8 年前

Sandeep YS · primefaces-使用额外下拉菜单上载多个文件

8 年前

Pascal · Primefaces更改延迟输出面板内inputSwitch的值

8 年前

Bruno A · 未调用Primefaces dialog over dialog方法

8 年前

J Dev · 自定义p:dataTable的导出输出格式

8 年前

sergeantSalty · 将Inputstream从Primefaces上载的文件转换为字符串

8 年前

Joe · Primefaces dataExporter到xls浮点数成为电子表格单元格中的文本

8 年前

Anika · 调用onCellEdit时,DataTable的RowKey为null

8 年前