jstree的基本使用例子 jstree的基本使用例子

jstree的基本使用例子

 

var menu = (function() {
    var _menu = {data:{},
        initMenu : function() {
            $.jstree.defaults.core.themes.variant = "large";
            $.jstree.defaults.core.themes.responsive = true;
            $.jstree.defaults.sort=function(a,b){
                return this.get_node(a).original.order > this.get_node(b).original.order ? 1 : -1;
            }
            var jsTree = $('#tree_1').jstree(
                            {
                                'core' : {
                                    'data' :{
                                        'url':$.hr_contextUrl()+"menu/list",
                                        'data':function(node){
                                            return node;
                                        }
                                    }
                                },
                                'plugins':['contextmenu','sort'],
                                "contextmenu":{  
                                    "items":{  
                                        "create":null,  
                                        "rename":null,  
                                        "remove":null,  
                                        "ccp":null,  
                                        "新建菜单":{  
                                            "label":"新建菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0])
                                                var pid = node.parent;
                                                _menu.operation.addMenu(pid,node);
                                            }  
                                        },
                                        "删除菜单":{  
                                            "label":"删除菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                _menu.operation.delMenu(node);
                                            }  
                                        },
                                        "修改菜单":{  
                                            "label":"修改菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]).original;
                                                _menu.operation.editMenu(node);
                                            }  
                                        },
                                        "上移菜单":{  
                                            "label":"上移菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var prev_dom = $(data.reference[0]).closest("li").prev();
                                                _menu.operation.sortMenu(node,prev_dom);
                                            }  
                                        },
                                        "下移菜单":{  
                                            "label":"下移菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var next_dom = $(data.reference[0]).closest("li").next();
                                                _menu.operation.sortMenu(node,next_dom);
                                            }  
                                        },
                                        "新建子菜单":{  
                                            "label":"新建子菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var pid = node.id;
                                                _menu.operation.addMenu(pid,node);
                                            }  
                                        }
                                    }
                                }  
                            });
            this.data.jsTree=jsTree;
        },
        initEvent: function

var menu = (function() {
    var _menu = {data:{},
        initMenu : function() {
            $.jstree.defaults.core.themes.variant = "large";
            $.jstree.defaults.core.themes.responsive = true;
            $.jstree.defaults.sort=function(a,b){
                return this.get_node(a).original.order > this.get_node(b).original.order ? 1 : -1;
            }
            var jsTree = $('#tree_1').jstree(
                            {
                                'core' : {
                                    'data' :{
                                        'url':$.hr_contextUrl()+"menu/list",
                                        'data':function(node){
                                            return node;
                                        }
                                    }
                                },
                                'plugins':['contextmenu','sort'],
                                "contextmenu":{  
                                    "items":{  
                                        "create":null,  
                                        "rename":null,  
                                        "remove":null,  
                                        "ccp":null,  
                                        "新建菜单":{  
                                            "label":"新建菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0])
                                                var pid = node.parent;
                                                _menu.operation.addMenu(pid,node);
                                            }  
                                        },
                                        "删除菜单":{  
                                            "label":"删除菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                _menu.operation.delMenu(node);
                                            }  
                                        },
                                        "修改菜单":{  
                                            "label":"修改菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]).original;
                                                _menu.operation.editMenu(node);
                                            }  
                                        },
                                        "上移菜单":{  
                                            "label":"上移菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var prev_dom = $(data.reference[0]).closest("li").prev();
                                                _menu.operation.sortMenu(node,prev_dom);
                                            }  
                                        },
                                        "下移菜单":{  
                                            "label":"下移菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var next_dom = $(data.reference[0]).closest("li").next();
                                                _menu.operation.sortMenu(node,next_dom);
                                            }  
                                        },
                                        "新建子菜单":{  
                                            "label":"新建子菜单",  
                                            "action":function(data){
                                                var node = _menu.data.jsTree.jstree('get_node',data.reference[0]);
                                                var pid = node.id;
                                                _menu.operation.addMenu(pid,node);
                                            }  
                                        }
                                    }
                                }  
                            });
            this.data.jsTree=jsTree;
        },
        initEvent: function