Hi,

I'm trying to put together an interactive page with multiple components, where each component can go through event/actions.

For example, two components might be account details and reports. In account details the initial view is a display of your basic fields and their values, but if you select an Edit button, the component will change to display a bean edit form.

The challenge I am facing is, when the Edit button is selected, to only update the display of the account details component and not alter the display of the rest of the page.

At the moment, I have all of the components contained on the page in a single Zone. From each component I use event callbacks to call a method on the containing Page that will return the zone for the component to update in events/actions.

This does not accomplish what I want, as each update call to the zone.getBody() will re-render all of the components at once, not just the account details.

Alternately, I tried writing a self-contained zone within each component, but when I return that on event/action methods from a component, it then replaces the rendering of the page with an updated rendering of just that component.

I have read about the 't-zone-update' css-class that can be used on a DIV within a Zone to isolate the content that actually gets updated, but I can't see how that will get me to where I want. Any guidance would be much appreciated.

Thanks,
Rich

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@tapestry.apache.org
For additional commands, e-mail: users-h...@tapestry.apache.org

Reply via email to