RichFaces/Ajax4JSF integration now available

[efshaolin]

It works fine, thank you. I have put ajax event (with a4j:commandLink or sf:commandLink) in a popup it works too. Yet I have observed that when you cancel the popup with the close button (x) or press Escape key (popup disappearing) and when you come back in the same popup, no ajax event works : response is not rendered.

[jeremyg484]

Yet I have observed that when you cancel the popup with the close button (x) or press Escape key (popup disappearing) and when you come back in the same popup, no ajax event works : response is not rendered.

That may actually be fixed by a pending change that I'll be committing later today regarding the popup functionality.

[efshaolin]

Thank you for you reply. In the sample swf-booking-richfaces (and generally after richfaces integration) the popup under IE 7 does not appear properly : it's positioned under the main fragment. Under Opera, it's positioned under the main fragment and is clear. I have noted a problem with the x which is displayed above close icon too (under IE 7 and Opera). Is it a problem with CSS or a conflict between richfaces javascript and spring javascript?

Thanks in advance

[mblaublomme]

Have you placed all your components in an OutputPanel, which is abble to create AJAX features ?

[Cuball]

I'm still having problems with the richfaces integration.

I'm using a <rich:datascroller> icw <rich:dataTable>

When I try to navigate via the datascroller my dataTable isn't updated automaticly, only when I hit F5 (Refresh) the updates are visible.

When I use the richfaces debugger the response is actually what I needs to be, but it's like the page isn't inserted in the current dom tree.

I do get an error in the a4j:log output:

debug[9:54:54,644]: Have Event [object Object] with properties: target: [object], srcElement: [object], type: dataavailable
debug[9:54:54,645]: NEW AJAX REQUEST !!! with form :j_id7
debug[9:54:54,645]: Append hidden control j_id7 with value [j_id7] and value attribute [j_id7]
debug[9:54:54,646]: Append text control j_id7:celmeetingDateIdInputDate with value [24/06/2008] and value attribute [24/06/2008]
debug[9:54:54,647]: Append hidden control j_id7:celmeetingDateIdInputCurrentDate with value [06/2008] and value attribute [06/2008]
debug[9:54:54,647]: parameter ajaxSingle with value j_id7:personsDataScrollerId
debug[9:54:54,648]: parameter j_id7:personsDataScrollerId with value 2
debug[9:54:54,652]: Start XmlHttpRequest
debug[9:54:54,653]: Reqest state : 1
debug[9:54:54,654]: QueryString: AJAXREQUEST=_viewRoot&j_id7=j_id7&j_id7%3AcelmeetingDateIdInputDate=24%2F06%2F2008&j_id7%3AcelmeetingDateIdInputCurrentDate=06%2F2008&ajaxSingle=j_id7%3ApersonsDataScrollerId&j_id7%3ApersonsDataScrollerId=2&
debug[9:54:54,736]: Reqest state : 2
debug[9:54:54,736]: Reqest state : 3
debug[9:54:54,737]: Reqest state : 4
debug[9:54:54,737]: Reqest end with state 4
debug[9:54:54,737]: Response  with content-type: text/html;charset=UTF-8
debug[9:54:54,738]: Full response content: <script src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg.ajax4jsf.javascript.PrototypeScript.faces" type="text/javascript"></script><script src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg.ajax4jsf.javascript.AjaxScript.faces" type="text/javascript"></script><link href="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTcss/datascroller.xcss/DATB/eAF7sqpgb-jyGdIAFrMEaw__.faces" type="text/css" rel="stylesheet" /><div class="dr-dscr rich-datascr " id="j_id7:personsDataScrollerId" style=" " align="left"><table align="left" border="0" cellpadding="0" cellspacing="1" class="dr-dscr-t rich-dtascroller-table " id="j_id7:personsDataScrollerId_table"><tbody><tr><td class=" dr-dscr-button rich-datascr-button" onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'first'});">««</td><td class=" dr-dscr-button rich-datascr-button" onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'fastrewind'});">«</td><td class=" dr-dscr-button rich-datascr-button" onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'previous'});"></td><td class="dr-dscr-inact rich-datascr-inact " onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': '1'});">1</td><td class="dr-dscr-act rich-datascr-act ">2</td><td class="dr-dscr-button-dsbld rich-datascr-button-dsbld dr-dscr-button rich-datascr-button"></td><td class="dr-dscr-button-dsbld rich-datascr-button-dsbld dr-dscr-button rich-datascr-button">»</td><td class="dr-dscr-button-dsbld rich-datascr-button-dsbld dr-dscr-button rich-datascr-button">»»</td></tr></tbody></table><script type="text/javascript">Event.observe('j_id7:personsDataScrollerId', 'rich:datascroller:onscroll', function(event){A4J.AJAX.Submit('_viewRoot','j_id7',event,{'ignoreDupResponses':true,'parameters':{'ajaxSingle':'j_id7:personsDataScrollerId','j_id7:personsDataScrollerId':event.memo.page} ,'eventsQueue':'j_id7:personsDataScrollerId','actionUrl':'/CelmeetingJSF/spring/celmeeting?execution=e1s6'} ); return false;});</script></div><script src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg/richfaces/renderkit/html/scripts/data-table.js.faces" type="text/javascript"></script><link href="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTcss/table.xcss/DATB/eAF7sqpgb-jyGdIAFrMEaw__.faces" type="text/css" rel="stylesheet" /><table class="dr-table rich-table " id="j_id7:personsDataTableId" border="0" cellpadding="0" cellspacing="0" width="100%"><colgroup span="3"></colgroup><thead class="dr-table-thead"><tr class="dr-table-subheader rich-table-subheader "><th class="dr-table-subheadercell rich-table-subheadercell  " scope="col" id="j_id7:personsDataTableId:j_id16header" onclick="A4J.AJAX.Submit('_viewRoot','j_id7',event,{'parameters':{'j_id7:personsDataTableId':'fsp','fsp':'j_id7:personsDataTableId:j_id16'} ,'actionUrl':'/CelmeetingJSF/spring/celmeeting?execution=e1s6'} )" style="cursor: pointer;"><div id="j_id7:personsDataTableId:j_id16header:sortDiv"><span class="dr-table-sortable-header">Gebruikersnaam<img src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg.richfaces.renderkit.html.iconimages.DataTableIconSortNone/DATB/eAFjYGD4f-.Y....ARNrBaE_.faces" width="15" height="15" class="dr-table-header-sort-img" /></span></div></th><th class="dr-table-subheadercell rich-table-subheadercell  " scope="col" id="j_id7:personsDataTableId:j_id19header" onclick="A4J.AJAX.Submit('_viewRoot','j_id7',event,{'parameters':{'j_id7:personsDataTableId':'fsp','fsp':'j_id7:personsDataTableId:j_id19'} ,'actionUrl':'/CelmeetingJSF/spring/celmeeting?execution=e1s6'} )" style="cursor: pointer;"><div id="j_id7:personsDataTableId:j_id19header:sortDiv"><span class="dr-table-sortable-header">Voornaam<img src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg.richfaces.renderkit.html.iconimages.DataTableIconSortNone/DATB/eAFjYGD4f-.Y....ARNrBaE_.faces" width="15" height="15" class="dr-table-header-sort-img" /></span></div></th><th class="dr-table-subheadercell rich-table-subheadercell  " scope="col" id="j_id7:personsDataTableId:j_id22header" onclick="A4J.AJAX.Submit('_viewRoot','j_id7',event,{'parameters':{'j_id7:personsDataTableId':'fsp','fsp':'j_id7:personsDataTableId:j_id22'} ,'actionUrl':'/CelmeetingJSF/spring/celmeeting?execution=e1s6'} )" style="cursor: pointer;"><div id="j_id7:personsDataTableId:j_id22header:sortDiv"><span class="dr-table-sortable-header">Naam<img src="/CelmeetingJSF/a4j_3_2_1-SNAPSHOTorg.richfaces.renderkit.html.iconimages.DataTableIconSortNone/DATB/eAFjYGD4f-.Y....ARNrBaE_.faces" width="15" height="15" class="dr-table-header-sort-img" /></span></div></th></tr></thead><tbody id="j_id7:personsDataTableId:tb"><tr class="dr-table-firstrow rich-table-firstrow "><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:5:j_id16">C501BSTK</td><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:5:j_id19">Kelly</td><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:5:j_id22">Steenlandt</td></tr><tr class="dr-table-firstrow rich-table-firstrow "><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:6:j_id16">C501BDET</td><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:6:j_id19">Tommy</td><td class="dr-table-cell rich-table-cell " id="j_id7:personsDataTableId:6:j_id22">Decan</td></tr></tbody></table><meta name="Ajax-Update-Ids" content="j_id7:personsDataScrollerId,j_id7:personsDataTableId,j_id7:personsDataTableId:j_id16header:sortDiv,j_id7:personsDataTableId:j_id19header:sortDiv,j_id7:personsDataTableId:j_id22header:sortDiv" /><span id="ajax-view-state"></span><meta id="Ajax-Response" name="Ajax-Response" content="true" />
debug[9:54:54,739]: Header Ajax-Expired not found, search in <meta>
error[9:54:54,740]: Error parsing XML
error[9:54:54,740]: Parse Error: Document is empty

and UI:debug output :

org.springframework.web.util.NestedServletException: Request processing failed; nested exception is org.springframework.webflow.execution.repository.BadlyFormattedFlowExecutionKeyException: Badly formatted flow execution key 'e1s2?facelets.ui.DebugOutput=1214317283653', the expected format is 'e<executionId>s<snapshotId>'
	org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:583)
	org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:501)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:690)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:803)
	...

root cause

org.springframework.webflow.execution.repository.BadlyFormattedFlowExecutionKeyException: Badly formatted flow execution key 'e1s2?facelets.ui.DebugOutput=1214317283653', the expected format is 'e<executionId>s<snapshotId>'
	org.springframework.webflow.execution.repository.support.AbstractFlowExecutionRepository.parseSnapshotId(AbstractFlowExecutionRepository.java:225)
	org.springframework.webflow.execution.repository.support.AbstractFlowExecutionRepository.parseFlowExecutionKey(AbstractFlowExecutionRepository.java:117)
	org.springframework.webflow.executor.FlowExecutorImpl.resumeExecution(FlowExecutorImpl.java:148)
	org.springframework.webflow.mvc.servlet.FlowHandlerAdapter.handle(FlowHandlerAdapter.java:173)
	org.springframework.webflow.mvc.servlet.FlowController.handleRequest(FlowController.java:172)
	org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter.handle(SimpleControllerHandlerAdapter.java:48)
...
root cause

java.lang.NumberFormatException: For input string: "2?facelets.ui.DebugOutput=1214317283653"
	java.lang.NumberFormatException.forInputString(NumberFormatException.java:48)
	java.lang.Integer.parseInt(Integer.java:456)
...

i'm using :

- webflow-2.0.2.BUILD-20080616084657
- richfaces-3.2.1.GA

[Cuball]

I'm still having problems with the richfaces integration.

Is this a local configuration problem? Or are these known errors ?

[jeremyg484]

It looks like a configuration problem to me, though I can't tell exactly where it's coming from. Where is that facelets.ui.DebugOutput parameter coming from?

[Cuball]

That's from the <ui:debug> tag, after hitting CTRL-SHIFT - D it shows a popup with the above exception.

Otherwise I don't get any exceptions, only the javascript debug error.

[lbishop]

I am having the same issue. When I invoke an a SWF action using a4j:commandLink, according to the a4j:log output, the action executes but the component reRender does not occur. The last two statements in the a4j:log output are errors indicating the document is empty. Of course if I add the "to" attribute on the transition tag, the view is fully reRendered with the expected component state. But this obviously defeats the purpose of partial rendering.

Environment: SWF 2.0.2.RELEASE, Richfaces 3.2.1.GA, RI JSF 1.2_07

[iwtolall]

Please post the a4j:commandLink definition you are using and the related flow part.

- Peter