在 javascript 中使用函数更新 Primefaces 组件值

Question

我想更新我的组件值 evry 10 keyup ，所以我写了以下代码：

<h:body>
   //***************************JAVAScript function**************
<SCRIPT LANGUAGE="JavaScript">
 function fnc(){
                length=document.getElementById("aa").value.length;
                 if(length == 10)
                                {
                        document.getElementById("aa").value ="";

                                }

                }

<ui:composition template="commonLayout.xhtml">

    <ui:define name="content">
        <section id="main" class="column">
        <h4 class="alert_info">Scannez les bonbonnes puis cliquez sur
            enregistrer :</h4>
        <div class="Saut20px">

            <h:form id="form">
                <p:panel id="panel" header="Register">

                    <br />
                    <p:focus context="panel" />
                    <p:growl id="msgs"></p:growl>


                    <h:outputLabel value="Code Barre :" />

  //*****************call function in onComplete******
   <p:inputText id="aa" value="#{bonBonneManagedBean.sel}">
                        <p:ajax event="keyup" update="koko msgs" oncomplete="fnc()"
                            listener="#{bonBonneManagedBean.ajouterSelected(bonBonneManagedBean.sel)}" />
                    </p:inputText>

但是电话打不通，如果你能帮我找出错误，提前谢谢

Answer 1

您在这里遇到的问题很少。首先你的cmets，它们可能只是存在于这个问题中，而不是存在于代码中，所以我不会谈论它们。

正如 BalusC 所写，您正在使用某种奇怪的脚本标签定义形式，我必须承认我从未见过这样的东西。另一方面，您正在使用section 标签，据我所知，它是 HTML5 标签，并准备好它不适用于不支持 HTML5 的浏览器。

您创建了 AJAX 事件，该事件将在输入字段上的每个 keyup 事件上被调用......好吧，这里会有很多请求。我建议你避免这种情况。

您的具体问题是您尝试查找 id 为 aa 的元素，但我必须说没有这样的元素。 JSF 将来自命名容器的 ID 连接起来，因此您的输入将具有类似 form:aa 的 id，如果周围页面中有更多命名容器，可能还会有更多的 ID。您可以检查页面生成的 HTML 代码，并查看输入组件的真实 ID。在另一种情况下，您可以执行以下操作：

<p:inputText id="aa" onkeyup="fnc(this)" value="#{bonBonneManagedBean.sel}"/>

使用此解决方案删除 ajax 标记。

并将您的 fnc 更改为：

function fnc(inputComponent)
{
  length = inputComponent.value.length;
  if(length == 10)
  {
    inputComponent.value = "";
  }
 }

最后，我真的认为你在玩 JSF 和 JavaScript，我真的看不出这有什么用处。

Answer 2

尝试使用inputtext组件的onkeyup属性；

 <p:inputText id="aa" onkeyup="fnc()" value="#{bonBonneManagedBean.sel}">

祝你好运！