Details
-
Improvement
-
Status: Closed
-
Major
-
Resolution: Fixed
-
1.1.1
-
None
-
None
Description
One method of implementing AJAX is to re-render the page and only send
pieces down to the browser. This is the way AjaxAnywhere works.
However, it is not easy to get this to work in MyFaces with HTML
forms. The issue:
AJAX needs a way to identify HTML to replace on AJAX response. This is
usually done via id:
"document.getElementById('idFromAjaxResponse').innerHtml =
reponseData".
However, there is no containing HTML element for the "special" form
elements. These "special" elements include:
1) input type="hidden" elements that are rendered for parameters,
client-side state, etc.
2) script tag that contains the clear_[formid]() JavaScript function
that uses the above hidden input elements
In 1.1.1, these were placed at the top and bottom of the form. In
1.1.2/3 they are put only at the bottom, but in neither is the
capability that I would like.
Workaround I used: Extended the HtmlFormRenderer and buffered the
output of the endcodeEnd and encodeBegin. Then I loop through the
buffer and strip out all hidden input elements and JavaScript tags. I
then add the stripped portion into a new SPAN element that is
formatted for AjaxAnywhere to work.
How this could have been much easier:
Add 4 new methods to HtmlFormRendererBase:
public void beforeFormElementsStart(FacesContext facesContext,
UIComponent component)
throws IOException {}
public void afterFormElementsStart(FacesContext facesContext,
UIComponent component)
throws IOException {}
public void beforeFormElementsEnd(FacesContext facesContext,
UIComponent component)
throws IOException {}
public void afterFormElementsEnd(FacesContext facesContext,
UIComponent component)
throws IOException {}
These methods would the be called:
encodeBegin(...) {
...render the start tag...
call before form elements start
...render and elements into the form
call after form elements end
...
encodeEnd(...) {
call before form elements end
... render state, javascript etc. ...
call after form elements end
... render the form end tag ...
Then, with projects like AjaxAnywhere, users can extend
HtmlFormRenderer and implement these methods. In these methods, we can
write tags to contain this data that can be used in the AJAX code to
update on every request.
This would be a very simple change, would incur almost no overhead and
give complete flexibility that would be needed to AJAX authors to have
control over the special form behavior of JSF.
I wouldn't care about the method names, in fact there could be one
method with an enum argument that specifies before/after information.