Using databinding in menupopup

answered 2013-02-19 09:44:41 +0800

dennis
3679 ● 1 ● 6
http://www.javaworld.com....

in your case, the state of menu will be different in each node and there is no selected context Item concept when using context menu, so I will build menu for each tree node if the tree is not very large, by combine some id trick and $EL.

here is my example

zul

<window apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('simple.TreeMenu')" vflex="true">
    <tree id="tree" width="400px" vflex="true"
        model="@load(vm.model) @template(each.data.type)">
        <template name="type1" var="node">
            <treeitem context="menu_${node.id}" value="@load(node.data)">
                <treerow>
                    <treecell label="@load(node.data.name)">
                        <menupopup id="menu_${node.id}">
                            <menuitem label="Cmd1"
                                onClick="@global-command('cmd1',item=node.data)" />
                            <menuitem label="Cmd2"
                                onClick="@global-command('cmd2',item=node.data)"
                                disabled="@load(node.data.name eq 'node1')" />
                        </menupopup>
                    </treecell>
                </treerow>
            </treeitem>
        </template>
        <template name="type2" var="node">
            <treeitem context="menu_${node.id}" value="@load(node.data)">
                <treerow>
                    <treecell label="@load(node.data.name)">
                        <menupopup id="menu_${node.id}">
                            <menuitem label="Cmd3"
                                onClick="@global-command('cmd3',item=node.data)" />
                            <menuitem label="Cmd4"
                                onClick="@global-command('cmd4',item=node.data)"
                                disabled="@load(node.data.name eq 'node3')" />
                        </menupopup>
                    </treecell>
                </treerow>
            </treeitem>
        </template>
    </tree>
</window>

java

package simple;

import java.util.ArrayList;
import java.util.Collection;

import org.zkoss.bind.annotation.BindingParam;
import org.zkoss.bind.annotation.ContextParam;
import org.zkoss.bind.annotation.ContextType;
import org.zkoss.bind.annotation.GlobalCommand;
import org.zkoss.bind.annotation.Init;
import org.zkoss.zk.ui.util.Clients;
import org.zkoss.zul.DefaultTreeModel;
import org.zkoss.zul.DefaultTreeNode;

public class TreeMenu {

    DefaultTreeModel<Item> model;

    Item contextItem;

    int nodeId;

    @init
    public void init() {
        Node<Item> root = new Node<Item>(new Item("root", null), new ArrayList());

        Node<Item> n1 = new Node<Item>(new Item("node1", "type1"), new ArrayList());
        Node<Item> n2 = new Node<Item>(new Item("node2", "type1"), new ArrayList());
        Node<Item> n3 = new Node<Item>(new Item("node3", "type2"));
        Node<Item> n4 = new Node<Item>(new Item("node4", "type2"));

        root.add(n1);
        root.add(n2);
        n1.add(n3);
        n2.add(n4);
        model = new DefaultTreeModel<Item>(root);
    }

    public DefaultTreeModel<Item> getModel() {
        return model;
    }


    @GlobalCommand({"cmd1","cmd2","cmd3","cmd4"})
    public void doCommand(@ContextParam(ContextType.COMMAND_NAME) String cmd, @BindingParam("item") Item item){
        Clients.showNotification("Command "+cmd+" on "+item.getName());
    }

    public Item getContextItem() {
        return contextItem;
    }

    public static class Item {
        String name;
        String type;

        public Item(String name, String type) {
            this.name = name;
            this.type = type;
        }

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }

        public String getType() {
            return type;
        }

        public void setType(String type) {
            this.type = type;
        }
    }

    public class Node<T> extends DefaultTreeNode<T> {

        int id = nodeId++;

        public Node(T data) {
            super(data);
        }

        public Node(T data, Collection children) {
            super(data, children);
        }

        public int getId() {
            return id;
        }

        public void setId(int id) {
            this.id = id;
        }

    }
}