How to deactivate load on demand in a tree component?

answered 2015-08-25 16:08:10 +0800

WilliamB
1609 ● 1 ● 6

Hum that was almost perfect. But now I've an issue.

My Treeitem all have a dynamic id And when I open a node containing children.

Then close it, I get an error message about the treeItem Id being duplicate. It's almost as if in pagination mode, the treeitem is duplicated (even temporary).

I don't have that issue when I remove the pagination mold.

answered 2015-08-25 17:26:05 +0800

WilliamB
1609 ● 1 ● 6

updated 2015-08-25 17:41:01 +0800

Small exemple I put up with a tree regular mold and a paginated one to show the issue.

Open and close both, you will get the error on the 2nd ...

The ViewModel :

public class TreeViewModel {

    private DefaultTreeModel<CustNodeData> regTreeModel;

    private DefaultTreeModel<CustNodeData> pagTreeModel;

    @Init
    public void init() {
        regTreeModel = initTreeModel("regular");
        pagTreeModel = initTreeModel("pagination");
    }

    private DefaultTreeModel<CustNodeData> initTreeModel(String key) {
        DefaultTreeNode<CustNodeData> rootNode = new DefaultTreeNode<CustNodeData>(
                null, new ArrayList<DefaultTreeNode<CustNodeData>>());
        CustNodeData firstNodedata = new CustNodeData(key + "-1", key
                + "-Node1");
        DefaultTreeNode<CustNodeData> firstNode = new DefaultTreeNode<CustNodeData>(
                firstNodedata, new ArrayList<DefaultTreeNode<CustNodeData>>());
        generateListNode(firstNode, key);
        rootNode.add(firstNode);
        return new DefaultTreeModel<CustNodeData>(rootNode);
    }

    private void generateListNode(DefaultTreeNode<CustNodeData> parentNode,
            String key) {
        CustNodeData nodeData1 = new CustNodeData(key + "-sub1", key
                + "-SubNode1");
        DefaultTreeNode<CustNodeData> node1 = new DefaultTreeNode<CustNodeData>(
                nodeData1);
        parentNode.add(node1);
        CustNodeData nodeData2 = new CustNodeData(key + "-sub2", key
                + "-SubNode3");
        DefaultTreeNode<CustNodeData> node2 = new DefaultTreeNode<CustNodeData>(
                nodeData2);
        parentNode.add(node2);
        CustNodeData nodeData3 = new CustNodeData(key + "-sub3", key
                + "-SubNode3");
        DefaultTreeNode<CustNodeData> node3 = new DefaultTreeNode<CustNodeData>(
                nodeData3);
        parentNode.add(node3);
    }

    public DefaultTreeModel<CustNodeData> getRegTreeModel() {
        return regTreeModel;
    }

    public DefaultTreeModel<CustNodeData> getPagTreeModel() {
        return pagTreeModel;
    }

}

The Zul:

<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:n="native" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xmlns:w="client" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">

    <window apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('tree.TreeViewModel')">

        <vlayout>
            <tree model="@load(vm.regTreeModel)">
                <template name="model" var="node">
                    <treeitem id="${node.data.id}" label="${node.data.label}"/>
                </template>
            </tree>
            <tree model="@load(vm.pagTreeModel)" mold="paging" pageSize="15">
                <template name="model" var="node">
                    <treeitem id="${node.data.id}" label="${node.data.label}"/>
                </template>
            </tree>
        </vlayout>
    </window>
</zk>

The node Data object

public class CustNodeData {

    private String id;

    private String label;

    public CustNodeData(String id, String label) {
        this.id = id;
        this.label = label;
    }

    public String getId() {
        return id;
    }

    public String getLabel() {
        return label;
    }

}

This is really weird ....

answered 2015-08-26 22:43:01 +0800

WilliamB
1609 ● 1 ● 6

Hello Costas,

Thanks for your reply. For using ${} instead of @load, it's because, in my mind, @load is more costly since it needs watcher to update when there is a notify changes. I maybe could use @init, not sure if it would be better, but since the valuen never change i think @load wouldnt be appropriate.

About the id on each treeitem, yes I need them, the exemple I gave is a simplier version of my real code, but to quickly explain I've to interface with an oldest application wrote in VB and I'm using Js to be able to update which node is selected.

So I need the id to select the node via JS.

Btw do you have any idea why I would get that error message about duplicate ID?

Cheers,