Trees MVVM Multiselect

asked 2013-02-21 14:35:18 +0800

wnederhof
33 ● 2

Dear all,

I have the following code for creating a tree of files.

<borderlayout apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('jcloudide.vm.FileBrowserVM')">
    <west width="300px" title="File browser" splittable="true"
        collapsible="true">
        <tree model="@bind(vm.treeModel)" height="100%"
            multiple="true" checkmark="true"
            selectedItems="@bind(vm.selectedItems)" style="overflow:auto">
            <template name="model" var="node">
                <treeitem>
                    <treerow>
                        <treecell image="@load(node.imageUrl)"
                            label="@load(node.name)" />
                    </treerow>
                </treeitem>
            </template>
        </tree>
    </west>...</borderlayout>

This is working fine, to the extent that it displays the correct tree. However, I want the user to be able to select multiple items using checkboxes, which I try using the selectedItems argument and setting both checkmark and multiple to true. However, this still shows me radio buttons instead of checkboxes. What am I doing wrong here?

The code for handling the selected items is as following in the MVVM:

    public Set<Treeitem> selectedItems = new HashSet<Treeitem>();

public Set<Treeitem> getSelectedItems() {
    return selectedItems;
}

public void setSelectedItems(Set<Treeitem> selectedItems) {
    this.selectedItems = selectedItems;
}

Best,

Wouter