您的位置:首页 > Web前端 > JavaScript

js显示及操作树节点

2016-07-26 09:56 375 查看
    var setting = {

            edit: {

                enable: true

            },

            check: {

                enable: false

            },

            data: {

                simpleData: {

                    enable: true

                }

            },

            callback: {

                onClick: treeClick

            }

        };    

    var zs ="${menujson}";//获取后台传递的json字符串

    var zNodes=eval("("+zs+")");//将json格式的字符串进行解析

    $(document).ready(function(){

        $.fn.zTree.init($("#treeDemo"), setting, zNodes);//初始化树结构

        page.zTree = $.fn.zTree.getZTreeObj("treeDemo");

        page.menuCode='${menuCode}';

        var node = page.zTree.getNodeByParam("id", page.menuCode);//选中的树节点的回显

        page.zTree.selectNode(node);

    });

    

    //点击树型菜单节点

    function treeClick(event, treeId, treeNode, clickFlag) {

        page.menuCode = treeNode.id;

        window.location.href="${ctx }/menu/list?menuCode="+page.menuCode;

    }

//后台传递的json格式的字符串

public String menuList(){

        List result = null;

        StringBuffer json = new StringBuffer("[");

        result = menuMapper.getMenulistByAll();//查数据库获取所有的菜单

        Iterator iter=result.iterator();

        while(iter.hasNext()){

            Menu menu = (Menu) iter.next();

            json.append("{ menuId:'"+menu.getId()+"',id:'"+menu.getCode()+"', pId:'"+menu.getFcode()+"',name:'"+menu.getName()+"', open:false},");

        }

        if(json.length()>1){

            json.delete(json.length()-1, json.length());

        }

        json.append("]");

        return json.toString();

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: