Forum:

trying to use ajax tag with jsf 2.0 but entire page is being rendered, not just specified id

Matt Kohanek

Village Idiot

Posts: 484

I like...

posted 9 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

edit - heh, turns out I was looking at the deployed app on an old context-root.... so all my attempts were not actually getting tested,. Not saying I have this figured out yet, but it is at least explainable now

Hey all

I have the following jsf:

<div class="pnx-divider-left-content"  id="LoginErrors">									  
									<h2 class="pnx-block-2x">#{extra.VIEW_ALL_ORDERS}</h2>		         		      	
									<h:form styleClass="search Form">											
												
												<f:subview rendered="#{uPLoginBean.hasErrors}">
													<div class="error-list-container pnx-block-2x">
														<div class="error-list">
															<ul>
																<ui:repeat value="#{uPLoginBean.errorMessages}" var="message">
																	<li>
																		<h:outputText value="#{message}" escape="false"/>
																	</li>
																</ui:repeat>
															</ul>
														</div>
													</div>
												</f:subview>	
												
												<div class="pnx-block-2x">
													<label for="email">#{extra.EMAIL}:</label>
													<h:inputText id="email" value="#{uPLoginBean.userEmail}" />													
												</div>	         							         							
												<div class="pnx-block-1x">
													<label for="password">#{extra.PASSWORD}:</label>
													<h:inputSecret id="password" value="#{uPLoginBean.userPassword}" />													
												</div>			         					         							
												<h:commandLink styleClass="pnx-btn">
													<f:ajax listener="#{uPLoginBean.login}" render="LoginErrors" />
													<span class="pnx-btn-txt">#{extra.LOGIN_TO_ACCT}</span>
												</h:commandLink>   			         			
			         			</h:form>
		         			</div>

You can probably see it is a basic login form. I have the command link set to call the login method, and I only want it to render this div. So I added the f:ajax tag close to the bottom there, but it is not behaving like I expect. I should mention this is my first attempt to use ajax, so I am probably doing something dumb.
I tried a few variations without luck, can someone guide me a bit here?
It seems the fact that I am calling login method is causing the page to reload no matter what. There is no logic there to reload the page, we just check the username and password and add errors if it fails (we redicret if it logs in, but that is not what I am worried about, I am working on getting only a portion of the page reloading when there is a login error).
Thanks

True wisdom is in knowing you know nothing - Socrates

Matt Kohanek

Village Idiot

Posts: 484

I like...

posted 9 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Well, now that I am testing the right page, I am getting something else.
When I click the button the page is not rerendered, but neither is the area I define. I am getting this js error each time I click:

mojarra is not defined

So the following is not there I would assume:

<script type="text/javascript" src="/maze/javax.faces.resource/jsf.js.xhtml?ln=javax.faces">
</script>

But I am nto sure why or what to do about it

True wisdom is in knowing you know nothing - Socrates

Matt Kohanek

Village Idiot

Posts: 484

I like...

posted 9 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Needed to change <head> tags to <h:head>
Working now

True wisdom is in knowing you know nothing - Socrates

Don't count your weasels before they've popped. And now for a mulberry bush related tiny ad:

Free, earth friendly heat - from the CodeRanch trailboss

https://www.kickstarter.com/projects/paulwheaton/free-heat