p : commandButton 및 p : dialog 사용 중 Javascript 오류가 발생합니다.

Question

p : commandButton을 클릭하여 p : 대화 상자를 표시 할 때 javacript 오류가 발생합니다. 다른 모든 primefaces 구성 요소가 제대로 작동하는

 <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> 

:

여기

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 

코드 블록이다 :

아래 오류를 찾아주세요.

도움을 주시면 감사하겠습니다.

Answer 1

그래, 우리는 그것을 제거

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를 파일을 복제 자동으로 포함되지 않습니다.