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

JSF/PrimeFaces客户端输入操作

  •  0
  • 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 年前
        1
  •  2
  •   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
    
        2
  •  1
  •   Mehdi    13 年前

    使用:

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

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