ZUML Attributes, @NotifyChange

asked 2018-03-05 09:01:56 +0800

psinalberth
52 ● 6

Hi,

In my viewmodel there is a collection of parent objects and for each parent there is a collection of children. I have a filter method which looks for parents by some child property e.g. name and my method has the @NotifyChange("parents") annotation. The Java code works fine, my collection is updated but not my zul. I'm using forEach directive to iterate parents and children just like that:

<div class="column" forEach="${vm.parents}">
      <div class="card">
        <div class="card-header">      
         <a sclass="navbar-item">
           <vlayout sclass="icon has-text-warning">
             <vlayout sclass="far fa-edit"></vlayout>
            </vlayout>
            <label sclass="card-header-title" value="${each.name}" />
          </a>
        </div>
        <div class="card-content">
          <div class="columns is-multiline">
            <div class="column is-one-quarter" forEach="${each.children}">
              <label sclass="title is-6 is-mega-menu-title" style="padding-left: 1rem" value="${each.name}"/>
              <a sclass="navbar-item is-6" forEach="${each.children}" label="${each.name}" />
            </div>  
          </div>
        </div>
      </div>
    </div>

My guess is: this is happening because I'm not actually binding a collection like @load(vm.parents). When I try to do that with forEach directive, it doesn't work. Is there a way to do that with MVVM approach? Update a collection, and applying it inside forEach or similar.