asked 2021-03-05 01:27:45 +0800

aUser
121 ● 4

Hello,

i don't understand why these comboboxes update all together at the same time. This is an example..

VM:

package main;

import org.zkoss.bind.annotation.Init;
import org.zkoss.zul.ListModelList;

public class MultipleComboVM {
    private ListModelList<String> allDocs = new ListModelList<String>();
    private ListModelList<String> categories = new ListModelList<String>();

    @Init
    public void init() {
        for(int i=1; i<4; i++) {
            allDocs.add("doc" + i);
            categories.add("cat" + i);
        }
    }

    public ListModelList<String> getAllDocs() {
        return allDocs;
    }

    public void setAllDocs(ListModelList<String> allDocs) {
        this.allDocs = allDocs;
    }

    public ListModelList<String> getCategories() {
        return categories;
    }

    public void setCategories(ListModelList<String> categories) {
        this.categories = categories;
    }

}

ZUL page:

<?page title="" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="" border="normal" viewModel="@id('vm') @init('main.MultipleComboVM')" height="100%">
    <borderlayout style="border: 2px solid red; height: 100%; ">
            <west id="w" width="20%" border="0" splittable="true"  autoscroll="true" flex="true" collapsible="true" >
                    <div fulfill="self.onCreate">
                        <div children="@load(vm.allDocs) @template('children')">
                            <template name='children'>
                                <groupbox mold="3d">
                                <caption>
                                    <combobox model="@load(vm.categories) @template('categories')" onClick="event.stopPropagation()"
                                          selectedItem="@bind(each)">
                                    <template name="categories">
                                        <comboitem label="@load(each)" value="@load(each)"></comboitem>
                                    </template>
                                </combobox>
                                </caption>
                                <div children="@load(vm.allDocs) @template('thumbnails')" >
                                        <template name="thumbnails">
                                            <label value="@load(each)"></label>
                                        </template>
                                    </div>
                            </groupbox>
                        </template>
                    </div>
                </div>
        </west>
        </borderlayout>
</window>
</zk>

It's a really simple example but if i select an item on the first combobox, all the comboboxes update with that value, but only the first String was modified (which is the correct behaviour). It seems like @load(each) is not working properly here but I guess i'm missing something.

Can someone show me where is the problem here?

ZK Version is: 8.0.2.2

Thank you