Wire Components"
From Documentation
Tmillsclare (talk | contribs) m |
|||
| Line 2: | Line 2: | ||
| − | Although the original design principle of MVVM | + | Although the original design principle of MVVM pattern is that ViewModel doesn't have any reference to UI components, ZK provide ways to retrieve UI components on a ZUL in a ViewModel. One is passing components as parameters in binding expression. Another is to wire components by Selector. This way enables you to wire components with <tt> @Wire </tt> like you do in a <javadoc> org.zkoss.zk.ui.select.SelectorComposer</javadoc>. Before doing this, you have to call <tt> Selectors.wireComponents() </tt> manually and pass the root component in initial method. |
'''Example to wire components in a ViewModel''' | '''Example to wire components in a ViewModel''' | ||
Revision as of 04:15, 10 February 2012
Although the original design principle of MVVM pattern is that ViewModel doesn't have any reference to UI components, ZK provide ways to retrieve UI components on a ZUL in a ViewModel. One is passing components as parameters in binding expression. Another is to wire components by Selector. This way enables you to wire components with @Wire like you do in a SelectorComposer. Before doing this, you have to call Selectors.wireComponents() manually and pass the root component in initial method.
Example to wire components in a ViewModel
public class SearchAutowireVM{
//UI component
@Wire("#msgPopup")
Popup popup;
@Wire("#msg")
Label msg;
@Init
public void init(@ContextParam(ContextType.VIEW) Component view){
Selectors.wireComponents(view, this, false);
}
}
- Use @ContextParam(ContextType.VIEW) to retrieve root component. (line 11)
Version History
| Version | Date | Content |
|---|---|---|
| 6.0.0 | February 2012 | The MVVM was introduced. |