使用jquery为primefaces组件设置值

Question

我使用jsf和primefaces组件，我想通过jquery为h:outputText设置一个值

我用chrome工具检查标签（id相同）

但是这个值没有设置为元素，这里是jsf代码：

 <p:confirmDialog id="confirmDialog" message="Etes vous sur de vouloir supprimer ce Type #{typeMB.selectedType.libelle}"  
                             header="confirmation de suppression" severity="alert" widgetVar="confirmation"> 
                             <h:outputText id="fortest" value="donc" /> 

<h:form>
                <p:commandButton id="confirm" value="oui" update=":form:ourdatatable" oncomplete="confirmation.hide()"  actionListener="#{typeMB.supprimer}" />  
                <p:commandButton id="decline" value="non" onclick="confirmation.hide()" type="button" />   
</h:form>
            </p:confirmDialog> 

以下是我的h:outputText标记的html代码：

<span id="fortest">donc</span>

下面是jQuery脚本：

<script type="text/javascript">  


 $(function() {      




     $('#form\\:ourdatatable\\:0\\:alors').click(function() {
          alert("I am here");
          var classList =$('#form\\:ourdatatable\\:0\\:alors').attr('class').split(/\s+/);
          $.each( classList, function(index, item){
              if(index > 1){
                  alert("I am here here ");
                  $('#fortest').text('here here');

              }

              });
        });


 });

</script> 

我做了测试。text（）和val（）以及html（）方法，但未设置值

提前谢谢你

Answer 1

当您设置值不是$（'#fortest'）. text（'here here'）时，它应该是$（'#fortest'）. val（'here here'）。因为即使它呈现为span，JSF组件也需要这个值。并将扩展名="false"添加到表单中。

Answer 2

尝试为每个表单添加attributpreendId="false"

Answer 3

问题如下：click事件有两个回调函数，你的回调函数比primefaces函数快得多，因为它使用ajax，所以当你的函数执行标记时，它还没有准备好，所以它没有达到你的预期！

解决方案：您需要按顺序链接回调（在primefaces回调完成后执行函数）。要实现这一点，您可以使用promise来观察ConfirmDialog（请注意，如果观察到错误的元素，这将不起作用）。