pe:clipboard p:menuitem submits form and reloads entire page?

[arnieAustin]

I have the following menu set up to use the pe:clipboard on a few menu items.

It works as expected, with one exception:

The menu itself is in its own h:form. There is no desired navigation, action or actionListener to be invoked, just the copy to the clipboard.

Yet the entire page is re-rendered, resulting in the same DB IO that was invoked when the page is first accessed.

I do not understand why or how to prevent this. Is there a way? I have tried url="#", actionListener pointed at a noOp method; nothing works.

In this case, using PF 6.1, PFE 6.1.1.

Code: Select all

<pe:clipboard id="copyAppDlIdUnl" trigger="appDlIdUnl"
	action="copy"
	text="#{sessionScope.SELECTED_APPLICANT.selectedApplicantDlIDUnlNumber}">
	<p:ajax event="success" listener="#{clipboardController.successListener}"
		update="applicantMenuFormGrowler" />
	<p:ajax event="error" listener="#{clipboardController.errorListener}"
		update="applicantMenuFormGrowler" />
</pe:clipboard>

<pe:clipboard id="copyAppDob" trigger="appDob" action="copy"
	text="#{sessionScope.SELECTED_APPLICANT.selectedApplicantDobMdy}">
	<p:ajax event="success" listener="#{clipboardController.successListener}"
		update="applicantMenuFormGrowler" />
	<p:ajax event="error" listener="#{clipboardController.errorListener}"
		update="applicantMenuFormGrowler" />
</pe:clipboard>

<p:menubar id="applicantMenuBar" rendered="#{not empty sessionScope.SELECTED_APPLICANT}">

	<p:submenu
		label="Selected Applicant: #{sessionScope.SELECTED_APPLICANT.selectedApplicantLName}, #{sessionScope.SELECTED_APPLICANT.selectedApplicantFName}">

		<p:menuitem id="appDlIdUnl" icon="fa fa-copy"
			value="&nbsp;DL/ID/UNL: #{sessionScope.SELECTED_APPLICANT.selectedApplicantDlIDUnlNumber}" />

		<p:menuitem id="appDob" icon="fa fa-copy"
			value="&nbsp;DOB: #{sessionScope.SELECTED_APPLICANT.selectedApplicantDobMdy}" />

		<p:menuitem value="Go" icon="fa fa-arrow-circle-left" url="/viewBasicRecord.do" />

	</p:submenu>

[tandraschko]

Use the PrimeFaces Extensions subforum.

[Melloware]

Yes please re-post in the Extensions forum and I will try to help: viewforum.php?f=14

[Melloware]

Found the solution for you... use url="javascript:void(0)"

Code: Select all

<p:menuitem id="mnuCopy" value="Copy" url="javascript:void(0)" icon="fa fa-copy" />

[arnieAustin]

That effected no change. Neither did url="#".

[Melloware]

Add process="@this" or immediate="true" to prevent the form values from sticking.

Code: Select all

<p:menuitem id="mnuCopy" value="Copy" url="javascript:void(0)" icon="fa fa-copy" process="@this" immediate="true" />

[arnieAustin]

This is bizarre! That had no effect either! The entire page is re-rendered. What am I missing here?

Code: Select all

	<h:form id="applicantMenuForm" styleClass="applicantMenuBar" >
		<p:growl id="applicantMenuFormGrowler" showDetail="true" sticky="false" for="applicantMenuFormGrowling" />  

		<div>
			<pe:clipboard id="copyAppDlIdUnl" trigger="appDlIdUnl" action="copy" 
				text="#{sessionScope.SELECTED_APPLICANT.selectedApplicantDlIDUnlNumber}" >
				<p:ajax event="success" listener="#{clipboardController.successListener}" 
					update="applicantMenuFormGrowler" />  
		            	<p:ajax event="error" listener="#{clipboardController.errorListener}" 
            				update="applicantMenuFormGrowler" />
	               </pe:clipboard>

			<pe:clipboard id="copyAppDob" trigger="appDob" action="copy"
				text="#{sessionScope.SELECTED_APPLICANT.selectedApplicantDobMdy}">
				<p:ajax event="success"
					listener="#{clipboardController.successListener}" 
					update="applicantMenuFormGrowler" />
				<p:ajax event="error"
					listener="#{clipboardController.errorListener}" 
					update="applicantMenuFormGrowler" />
			</pe:clipboard>

			<p:menubar id="applicantMenuBar"
				rendered="#{not empty sessionScope.SELECTED_APPLICANT}">
				
				<p:submenu label="Selected Applicant: #{sessionScope.SELECTED_APPLICANT.selectedApplicantLName}, #{sessionScope.SELECTED_APPLICANT.selectedApplicantFName}" >
					
					<p:menuitem id="appDlIdUnl" icon="fa fa-copy" onclick="return false;" process="@this"
						value="&nbsp;DL/ID/UNL: #{sessionScope.SELECTED_APPLICANT.selectedApplicantDlIDUnlNumber}" />
					
					<p:menuitem id="appDob" icon="fa fa-copy" onclick="return false;" process="@this"  
						value="&nbsp;DOB: #{sessionScope.SELECTED_APPLICANT.selectedApplicantDobMdy}" />
					

[Melloware]

I don't see url="javascript:void(0)" in your example above?

[arnieAustin]

UGH! I just tried:

Code: Select all

	<p:menuitem id="appDlIdUnl" icon="fa fa-copy" 
		process="@this" actionListener="#{clipboardController.noOp}"
		value="&nbsp;DL/ID/UNL: #{sessionScope.SELECTED_APPLICANT.selectedApplicantDlIDUnlNumber}" />

and not only is the page redrawn (calling refreshData), but it happens TWICE!

[Melloware]

OK you have something funky going on that I can't explain. it should NOT be called twice and it should NOT be refreshing the whole page as a navigation.

Can you make me a small reproducible sample by reproducting it with this simple test project. You can run "mvn clean jetty:run" to run this at localhost:8080.

Clone this repository https://github.com/primefaces/primefaces-test.git in order to reproduce your problem.