ztree实现菜单列表

ztree官网:http://www.treejs.cn/v3/main.php#_zTreeInfo

前端JS代码(引入对应JS和CSS):









	


后台数据封装:

    public void menuInfo(HttpServletRequest request,HttpServletResponse response){
        JSONArray jsonArray = new JSONArray();
        List menuList = adminMenuService.findAll();
        for (int i = 0; i < menuList.size(); i++) {
            JSONObject jsonObject = new JSONObject();
            jsonObject.put("id", menuList.get(i).getId());
            if (null != menuList.get(i).getParentId()) {                
                jsonObject.put("pId", menuList.get(i).getParentId());
            }else {
                jsonObject.put("pId", "0");
            }
            jsonObject.put("name", menuList.get(i).getMenuName());
            jsonArray.add(jsonObject);           
        }

       ResponseUtils.renderJson(response,jsonArray.toJSONString());
        
    }


效果图:

ztree实现菜单列表_第1张图片

你可能感兴趣的:(前端)