Details
-
Type: New Feature
-
Status: Closed
-
Priority: 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.
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
- depends on
-
ICE-10638 New ace:panelStack with custom tag-handler rendering optimization and client capabilities
- Closed
Activity
Ken Fyten
created issue -
Ken Fyten
made changes -
Assignee | Liana Munroe [ liana.munroe ] | |
Fix Version/s | 4.1 [ 11375 ] | |
Affects | Sample App./Tutorial [ 10001 ] | |
Assignee Priority | P2 [ 10011 ] |
Ken Fyten
made changes -
Status | Open [ 1 ] | Resolved [ 5 ] |
Resolution | Fixed [ 1 ] |
Ken Fyten
made changes -
Status | Resolved [ 5 ] | Closed [ 6 ] |
Checkbox buttons not rendered in Data Table demo. Removing facelet="#
{input.facelet}" from the ace:stackPane tag allows them to render.