Inline Macro: pass parameter with ViewModel annotation (@load(x)) [closed]

answered 2015-01-29 00:57:56 +0800

cor3000
6280 ● 2 ● 7

updated 2015-01-29 00:59:00 +0800

The problem with using an "inline" macro is that there is no component for it in the resulting component tree, that's why the @bind() is never actually evaluated. (derived explanation based on http://books.zkoss.org/wiki/ZKDeveloper%27sReference/UIComposing/MacroComponent/InlineMacros#InlineversusRegularMacro)

However with an inline macro you could access the arg.includer and read attributes of it. http://books.zkoss.org/wiki/ZKDeveloper%27sReference/UIComposing/MacroComponent/Inline_Macros#arg.includer

Second problem even if using a "non-inline" macro is that the annotation @bind() will evaluate too late (after the components have been created inside). So the value is not available during component creation inside. And it requires at least a custom component class with MVVM annotations to trigger the @save for a specific event, you need to define as well. (http://books.zkoss.org/wiki/ZKDeveloper%27sReference/MVVM/Advanced/BindingAnnotationforaCustom_Component)

So an easy solution for some cases (maybe yours - wasn't too clear from your example) is to use a @ref(vm.field) to your macro and @load/@save/@bind to that reference inside your macro. The reference will delegate load and save operations to your vm.field.

I created this running example for your you to try. Maybe add what is missing in your macro so I can try to adjust the solution or suggest something different.

http://zkfiddle.org/sample/6sleo1/1-macro-with-MVVM-binding

Robert

answered 2015-01-28 16:46:10 +0800

chillworld
5367 ● 4 ● 9
https://github.com/chillw...

updated 2015-01-28 17:44:02 +0800

You don't have any component behind and that's actually what you are missing.

I have create for myself an component like you want to create :

Declaration is :

<?component name="catalog" macroURI="/WEB-INF/webpages/zk/common/catalog.zul" class="be.chillworld.web.vm.common.BindingCatalogMacroComponent"?>

As you can see that I have now a class behind this component.

This is mine zul :

<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul                        http://www.zkoss.org/2005/zul/zul.xsd">
  <hbox align="center" id="${arg.id}">
    <image src="/img/detail.png" id="detail" />
    <textbox cols="9" ctrlKeys="^l" id="code" readonly="${arg.readonly}" sclass="T_TB_code">
      <custom-attributes validation="${arg.constraint}" />
    </textbox>
    <separator width="5px" />
    <textbox readonly="true" cols="30" id="description" tabindex="-1" sclass="T_TB_description" />
  </hbox>
</zk>

And as last the a part of the class behind :

@ComponentAnnotation("value:@ZKBIND(ACCESS=both,SAVE_EVENT=onEdited)")
public class BindingCatalogMacroComponent extends HtmlMacroComponent {
    @Wire
    protected InputElement code;
    @Wire
    protected Textbox description;
    @Wire
    protected Image detail;

What's really important is that you implement the MineObject getValue() and SetValue(MineObject obj)

The setup is done in the doAfterCompose. I have put the constraint in custom attribute because I have to call the getValue when I open a popup and when constraint fails at that moment I'll have that popup from failing constraint on top of mine popup. (So I actually check the constraint when I need it)

I'll hope if this already can help you.

Edit :

Forget to say, I set the textbox value in the setValue method.
If you need more info, just ask.

greetz chill.