Wire Components"
From Documentation
| Line 4: | Line 4: | ||
Although the design principle of MVVM pattern is that '''ViewModel should not have any reference to UI components''', ZK still provides two ways to retrieve UI components in a ViewModel. '''We don't suggest this usage''' because it loses the ViewModel an important advantage: loosely coupling with View. Please evaluate trade-off before using it. | Although the design principle of MVVM pattern is that '''ViewModel should not have any reference to UI components''', ZK still provides two ways to retrieve UI components in a ViewModel. '''We don't suggest this usage''' because it loses the ViewModel an important advantage: loosely coupling with View. Please evaluate trade-off before using it. | ||
| − | One way is [[ZK Developer's Reference/MVVM/Advance/Parameters |passing components as parameters in command binding]] which we have talked before. Another is to wire components by <tt> Selectors.wireComponents() </tt>. This way enables you to wire components with <tt> @Wire </tt> like you do in a | + | One way is [[ZK Developer's Reference/MVVM/Advance/Parameters |passing components as parameters in command binding]] which we have talked before. Another is to wire components by <tt> Selectors.wireComponents() </tt>. This way enables you to wire components with <tt> @Wire </tt> like [[ZK Developer's Reference/MVC/Controller/Wire Components| you do in a SelectorComposer]]. |
'''Example to wire components in a ViewModel''' | '''Example to wire components in a ViewModel''' | ||
Revision as of 00:50, 29 May 2012
Although the design principle of MVVM pattern is that ViewModel should not have any reference to UI components, ZK still provides two ways to retrieve UI components in a ViewModel. We don't suggest this usage because it loses the ViewModel an important advantage: loosely coupling with View. Please evaluate trade-off before using it.
One way is passing components as parameters in command binding which we have talked before. Another is to wire components by Selectors.wireComponents() . This way enables you to wire components with @Wire like you do in a SelectorComposer.
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);
}
}
- Selectors.wireComponents()'s first parameters is Root View Component which can be retrieved by @ContextParam
Version History
| Version | Date | Content |
|---|---|---|
| 6.0.0 | February 2012 | The MVVM was introduced. |