Uploaded image for project: 'MyFaces Core'
  1. MyFaces Core
  2. MYFACES-1276

Add new methods to HtmlFormBaseRenderer to ease integration support with AjaxAnywhere


    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 1.1.1
    • Fix Version/s: 1.1.3
    • Component/s: None
    • Labels:


      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 =

      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.


        1. myfaces-1.1.1-jira-1276.diff
          2 kB
          Andrew Robinson
        2. myfaces-1.1.3-jira-1276.diff
          3 kB
          Andrew Robinson



            • Assignee:
              mkienenb Mike Kienenberger
              arobinson74 Andrew Robinson
            • Votes:
              1 Vote for this issue
              0 Start watching this issue


              • Created: