P:dialog box giving Uncaught TypeError: Cannot read property 'show' of undefined

[ankitacroit09]

I am using the p:dialog box based on button click it should load but its showing the following error :

Uncaught TypeError: Cannot read property 'show' of undefined at HTMLInputElement.onclick

Code: Select all

<input id="seButton" type="button" value="butt"  onclick="PF('moDialog').show()"  > </input>

<p:dialog modal="true" widgetVar="moDialog" id="moDialog1" width="1111" height="500" >
				
				<h:panelGroup>
					<h:form id="selectForm">
					 <h1>Hello Test form </h1>
					</h:form>
				</h:panelGroup>
</p:dialog>

[ankitacroit09]

Resolved the problem

[tandraschko]

How? Other users might have the same problem.

[cnavarro117]

How ??

I am using the p:dialog box based on button click it should load but its showing the following error :

Uncaught TypeError: Cannot read property 'show' of undefined at HTMLInputElement.onclick

Code: Select all

<input id="seButton" type="button" value="butt"  onclick="PF('moDialog').show()"  > </input>

<p:dialog modal="true" widgetVar="moDialog" id="moDialog1" width="1111" height="500" >
				
				<h:panelGroup>
					<h:form id="selectForm">
					 <h1>Hello Test form </h1>
					</h:form>
				</h:panelGroup>
</p:dialog>

[kukeltje]

Most likely by removing an explicitly added jquery from the page or removing a second PrimeFaces jar from the deployment

[charlietran1986]

I have encountered the same problem. In may xhtm file, I'm using many command buttons to call and open dialogs. It is very strange to me that some of these command buttons work well and open dialogs successfully, but others don't. Those command buttons give me Uncaught TypeError: Cannot read property 'show' of undefined. Could any one tell me how to resolve this problem. I'm using Primefaces 8.0, Jsf 2.3, Glassfish 5.1. Thanks in advance!