ICEfaces
  1. ICEfaces
  2. ICE-10747

Showcase - Add demos for new ace:panelStack component

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 4.1
    • Component/s: Sample Apps
    • Labels:
      None
    • Environment:
      ICEfaces 4, ACE, Showcase
    • Assignee Priority:
      P2
    • Affects:
      Sample App./Tutorial

      Description

      New ICEfaces Showcase demos need to be added to demonstrate the main functionality provided by the ace:panelStack / ace:stackPane components.

      Overview:

      A simple stackPanel with 3 stackPanes, none of which have the "facelet" or "client" attribute specified. The first stackPane contains an outputText with "This is stackPane #1.", etc.

      Basic idea is to convey that the ace:panelStack is a simple component for toggling the rendering or multiple child stackPanes, with some additional optimizations for minimizing the server memory heap usage and / or rendering time and network bandwidth consumption.


      Client:

      This demo will show the panelStack with 3 stackPanes, each with "client=true" specified. The content on each pane should be a static rendering of some text with a picture, such as inventory item from the drag and drop demo.

      This demo will explain that when "client=true" is specified, the rendered markup is only rendered on the server the first time it is displayed, and is retained on the client even when hidden from that point on, reducing unnecessary server rendering and network traffic. Suitable for static content only.


      Facelet:

      This demo will show the panelStack with two stackPane's. One stackPane will contain a form with a set of ACE input components, possibly an Address entry form. The second stackPane will contain one instance of each of the ACE input controls. The demo will allow the user to select between the 2 demos via a buttonGroup with 2 radioButtons inside it. It will also allow them to toggle whether "facelet=true/false" on both stackPanes with a checkboxButton, and will also display the size of the current server-side component tree so that the difference in size between when "facelet=true" vs "facelet=false" is selected can be seen.

      This demo can be adapted from the original Overview demo.


      DataTable:

      Existing dataTable demo but cleaned up for clarity.

        Issue Links

          Activity

          Hide
          Liana Munroe added a comment - - edited

          Checkbox buttons not rendered in Data Table demo. Removing facelet="#

          {input.facelet}

          " from the ace:stackPane tag allows them to render.

          Show
          Liana Munroe added a comment - - edited Checkbox buttons not rendered in Data Table demo. Removing facelet="# {input.facelet} " from the ace:stackPane tag allows them to render.
          Hide
          Liana Munroe added a comment - - edited

          Overview, Client, DataTable and Facelet demos have been added to showcase. At this point the Client demo is failing, awaiting fix to component. ICE-10775 is open for client issue.
          TLDDOCS are not yet in place.

          Show
          Liana Munroe added a comment - - edited Overview, Client, DataTable and Facelet demos have been added to showcase. At this point the Client demo is failing, awaiting fix to component. ICE-10775 is open for client issue. TLDDOCS are not yet in place.
          Hide
          Ken Fyten added a comment -

          Marking Fixed. The MyFaces specific issue related to nesting ace:panelStack inside a c:forEach is tracked under it's own JIRA.

          Show
          Ken Fyten added a comment - Marking Fixed. The MyFaces specific issue related to nesting ace:panelStack inside a c:forEach is tracked under it's own JIRA.

            People

            • Assignee:
              Liana Munroe
              Reporter:
              Ken Fyten
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: