ZK Developer's Guide

[ 143 ]
Chapter 6
Now we start creating a macro component, and use that component in the page. The
interesting thing about the macro component itself is the usage of annotation-based
data binding in the macro component.
The first step is to create the macro ZUL file.
import com.packtpub.zk.media.model.*;
User user = self.getDynamicProperty(„user");
To use data binding based on annotation, we have to declare the org.zkoss.
zkplus.databind.AnnotateDataBinderInit initialization class. In our example,
the component we created is of type org.zkoss.zk.ui.HtmlMacroComponent.
To initialize the user for the databinding, we have to access the property with the
getDynamicProperty method.
In the ZUL page, we have to define the new component as:
Now we can use this component as follows: