Event Forwarding

{{ZKDevelopersReferencePageHeader}}
= Overview =

For easy programming, ZK does not introduce any complex event flow. When an event is sent to a target component, only the event listeners registered for the target component will be called. It is the application's job to forward an event to another component if necessary.

For example, you might have a menu item and a button to trigger the same action, say, opening a dialog, and then it is more convenient to have a single listener to open the dialog, and register the listener to the main window rather than register to both the menu item and button.

= Event Forwarding in Java =

Forwarding an event is straightforward: just posting or sending the event again. However, there is a better way: [[ZK Developer's Reference/MVC/Controller/Composer|composer]]. The composer can be the central place to handle the events. For example, you could invoke <code>openDialog</code> in the event handler for the menu item and button as shown below:

<source lang="java">
public class FooComposer extends SelectorComposer {
   @Listen("onClick = #menuitem; onClick=#button")
   private void openDialog() {
     //whatever you want
   }
}
</source>

= Event Forwarding in ZUML =

Event forwarding can be done with [[ZUML Reference/ZUML/Attributes/forward|the forward attribute]] in ZUML. For example,

<source lang="xml">
<window>
	<button label="Save" forward="onSave"/>
	<button label="Cancel" forward="onCancel"/>
</window>
</source>

Then, <tt>window</tt> will receive the <tt>onSave</tt> event when the Save button is clicked.

With this approach we could introduce an abstract layer between the event and the component. For example, <tt>window</tt> needs only to handle the <tt>onSave</tt> event without knowing which component causes it. Therefore, you could introduce another UI to trigger onSave without modifying the event listener. For example,

<source lang="xml">
	<menuitem label="Save" forward="onSave"/>
</source>

Of course, you can use the composer and ZUML's forward together to have more maintainable code.

<source lang="java">
public class BetterComposer
extends org.zkoss.zk.ui.util.GenericForwardComposer {
    public void onSave(ForwardEvent event) { //signature if you care about event
        ...
    }
    public void onCancel() { //signature if you don't care the event
        ...
</source>

Notice that, as shown above, the event being forwarded is wrapped as an instance of <javadoc>org.zkoss.zk.ui.event.ForwardEvent</javadoc>. To retrieve the original event, you could invoke <javadoc method="getOrigin()">org.zkoss.zk.ui.event.ForwardEvent</javadoc>

== Using a component Path ==
You can also use a component [http://books.zkoss.org/wiki/ZK_Developer's_Guide/ZK_in_Depth/Component_Path_and_Accesibility/Access_UI_Component Path] within your ZUML pages to specify a target component to which you would like to forward a specific event. This is especially useful if you want to forward events across different [http://books.zkoss.org/wiki/ZK_Developer's_Reference/UI_Composing/ID_Space IdSpace] such as forwarding event from a component in an included ZUML page to the main page component. For example

<source lang="xml" >
<?page id="mainPage" ?>
<window id="mainWindow" apply="BetterComposer">
...
    <include src="incDetails.zul" />
...
</window>
</source>

Now in your included page use [http://books.zkoss.org/wiki/ZK_Developer's_Guide/ZK_in_Depth/Component_Path_and_Accesibility/Access_UI_Component  Path] while forwarding event to mainWindow <tt>Window</tt> component

<source lang="xml" >
   <button forward="//mainPage/mainWindow.onSave" /> <!-- default forward event is onClick -->
</source>

You could specify any application-specific data in the forward attribute by surrounding it with the parenthesis as shown below.

<source lang="xml" >
 <button forward="onCancel(abort)"/><!-- "abort" is passed -->
 <button forward="onPrint(${inf})"/><!-- the object returned by ${inf} is passed -->
</source>

Then, the application-specific data can be retrieved by use of <javadoc method="getData()">org.zkoss.zk.ui.event.ForwardEvent</javadoc>.

'''Notice''' : When using <i>forward</i> attribute in the ZUML(.zul) with ZK MVC control, you have to get the original event by using '''getOrigin()''', then you can access the data by '''getData()''' <br />
*Example : ZUL
<source lang="xml" >
<tabbox id="ctrl" apply="composer1">
  <tabs>
     <tab id="tb1" label="News" forward="ctrl.onSelectTab(0)"></tab>
     <tab id="tb2" label="News Images" forward="ctrl.onSelectTab(1)"></tab>
  <tabs>
</tabbox>
</source>
*Example Composer (composer1)
<source lang="java" >
public void onSelectTab$ctrl(ForwardEvent e) { 
	ForwardEvent fe = (ForwardEvent) e.getOrigin();
	System.out.println(fe.getData());
}
</source>
If you want to forward several events at once, you can specify them in the forward attribute by separating them with the comma (,). For example,

<source lang="xml" >
 <textbox forward="onChanging=onUpdating, onChange=some.onUpdate"/>
</source>

In addition, the target component and the event data can be specified in EL expressions, while the event names cannot.

=Version History=

{| border='1px' | width="100%"
! Version !! Date !! Content
|-
| &nbsp;
| &nbsp;
| &nbsp;
|}

{{ZKDevelopersReferencePageFooter}}