Tree.js

var tree = {
    zTree: '',
    pNode: '',
    setting: {
        isSimpleData: true,
        treeNodeKey: "mid",
        treeNodeParentKey: "pid",
        showLine: true,
        root: {
            isRoot: true,
            nodes: []
        },
        callback: {
            /**
             * @param {Object} event
             *     鼠标事件
             * @param {Object} treeId
             *     树的容器ID
             * @param {Object} treeNode
             *     当前点击的节点
             */
            expand: function(event, treeId, treeNode){
                tree.pNode = treeNode;
                tree.loadNodeByPNODE();
            }
        }
    },
    /**
     * 1、回调函数是由服务器端触发的，什么时候执行由服务器决定
     * 2、回调函数是由jQuery内核调用的
     * 3、客户端存在两个线程
     * 4、如果在js代码中，有一些代码要用到回调函数中的数据，那么这些代码必须放在回调函数中
     */
    loadTree: function(){
        $.post("menuitemAction_getAllMenuitem.action", null, function(data){
            $("#tree").zTree(tree.setting, data.menuitemList);
        });
    },
    /**
     * 一般情况下，如果一段代码中要用到一个变量，而这个变量的值是在回调函数中赋值的，这个时候一定要确保使用该函数时，回调函数已经执行了
     */
    loadRootNode: function(){
        var parameter = {
            pid: 0
        };
        $.post("menuitemAction_showMenuitemsByPid.action", parameter, function(data){
            tree.zTree = $("#tree").zTree(tree.setting, data.menuitemList);
        });
    },
    /**
     * 该方法是在点击父节点的+号的时候执行的，这就意味着在执行该方法的时候，树早已经生成了,所以才能用tree.zTree;
     */
    loadNodeByPNODE: function(){
        var parameter = {
            pid: tree.pNode.mid
        };
        if (!tree.zTree.getNodeByParam("pid", tree.pNode.mid)) {
            $.post("menuitemAction_showMenuitemsByPid.action", parameter, function(data){
                /**
                 * 把查询出来的子节点追加到父节点上
                 */
                tree.zTree.addNodes(tree.pNode, data.menuitemList, true);
            });
        }
    }
};
$().ready(function(){
    //tree.loadTree();
    tree.loadRootNode();
	//该方法能输出什么不确定：因为在执行该代码的时候，回调函数执行不确定，所以tree.zTree的赋值也不确定
    //alert(tree.zTree);
});

/**

 * 点击事件加载

 *   *  加载根节点

 *   *  点击该节点的+号，触发事件，加载该节点的子节点

 */