javascript - 使用 p :commandButton and p:dialog 时出现 Javascript 错误

Question

当我单击 p:commandButton 显示 p:dialog 时，出现 javacript 错误。

请找出以下错误:

Message: Object doesn't support this property or method
Line: 1
Char: 169
Code: 0
URI: http://localhost:8080/idm/javax.faces.resource/dialog/dialog.js.xhtml?     ln=primefaces&v=2.2.1

Message: Object doesn't support this property or method
 Line: 1
 Char: 133
 Code: 0
 URI: http://localhost:8080/idm/javax.faces.resource/button/button.js.xhtml?ln=primefaces&v=2.2.1

这是代码块:

     <ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui" 
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core">

<p:commandButton value="save"  onclick="dlg1.show();" ></p:commandButton>
     <p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1">  
  <h:outputText value="Resistance to PrimeFaces is futile!" />  
</p:dialog>
      </ui:composition>

所有其他 primefaces 组件都工作正常。

如有任何帮助，我们将不胜感激。

Answer 1

Yes we are using another copy of jQuery

删除它。 PrimeFaces 作为基于 jQuery/jQuery UI 的 JSF 组件库，已经自动包含其捆绑的 jQuery 文件，用于对话框组件等。 jQuery 的多个副本只会相互冲突，从而导致像您所面临的那样的 JS 错误。

如果您打算在不一定使用自动包含 PrimeFaces 捆绑 jQuery 文件的 PrimeFaces 组件的页面上使用 jQuery，则将此行添加到 <h:head> .

<h:outputScript library="primefaces" name="jquery/jquery.js" />

这样，PrimeFaces 捆绑的 jQuery 文件始终会被包含在内，并且如果某些 PrimeFaces 组件碰巧需要它，PrimeFaces 不会自动包含重复的 jQuery 文件。