zTree的简单使用

$(function() {
　　log.initTree();
}）；
var log = {
    initTree: function () {
        $.ajax({
            url : ctx + "/log/getDate.shtml",
            type : 'post',
            success : function(data) {
                if (data.flag) {
                    var jsonstr = data.jsonArr;
                    $("#JsonArr").val(jsonstr);
                    var setting = {
                            data: {
                                simpleData: {
                                    enable: true
                                }
                            },
                            callback: {
                                onClick: zTreeOnClick
                            }
                        };
                        $.fn.zTree.init($("#treeDemo"), setting,JSON.parse($("#JsonArr").val()));
                    //console.log("jsonstr----"+jsonstr)
                    //console.log("JSON.parse()----"+JSON.parse($("#JsonArr").val()));    
                } else {
                    layer.msg("操作失败，请重试!");
                }
            }
        });
      
     }
};

function zTreeOnClick(event, treeId, treeNode) {
$('#power_id').val(treeNode.id);
$('#log_table').bootstrapTable('refresh');
};

@RequestMapping(value="/getDate", produces = "application/json;charset=UTF-8")
    @ResponseBody
    public JSONObject getDate(){
        JSONObject result = new JSONObject();
        try{
            JSONArray jsonArr = new JSONArray();
            JSONObject allJson = new JSONObject();
            allJson.put("id", 0);            
            allJson.put("open", true);
            allJson.put("pId", -1);
            allJson.put("name","全部分类");
            jsonArr.add(allJson);
            //查询所有菜单
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("parent_id", -1);
            map.put("sys_type", 1);//系统类型  0：管理平台  1：场馆后台  2：商城后台
            List<Power> powerList = powerService.getPowerByGroupLevel(map);
            for (Power power : powerList) {
                JSONObject jsonObject = new JSONObject();
                jsonObject.put("id", power.getPower_id());
                jsonObject.put("pId", 0);
                jsonObject.put("open", false);
                jsonObject.put("name", power.getPower_name());
                jsonArr.add(jsonObject);
                if (power.getChildcnt() > 0) {
                    map.put("parent_id", power.getPower_id());
                    List<Power> powerChildList = powerService.getPowerByGroupLevel(map);
                    for (Power powerCh : powerChildList) {
                        JSONObject jsonObjectCh = new JSONObject();
                        jsonObjectCh.put("id", powerCh.getPower_id());
                        jsonObjectCh.put("pId", powerCh.getParent_id());
                        jsonObjectCh.put("open", false);
                        jsonObjectCh.put("name", powerCh.getPower_name());
                        jsonArr.add(jsonObjectCh);
                    }
                }
            }            
            result.put("flag", true);
            result.put("jsonArr", jsonArr.toString());
        }catch(Exception ex){
            logger.error("获取日志树形菜单数据出错!",ex);
            ex.printStackTrace();
        }
        return result;
    }

result的数据：

{"jsonArr":"[{\"id\":0,\"pId\":-1,\"open\":true,\"name\":\"全部分类\"},
{\"id\":1115000001,\"open\":false,\"pId\":1115000000,\"name\":\"商品分类\"},{\"id\":1115000002,\"open\":false,\"pId\":1115000000,\"name\":\"商品信息\"},
{\"id\":1116000000,\"open\":false,\"pId\":0,\"name\":\"会员管理\"},{\"id\":1116000001,\"open\":false,\"pId\":1116000000,\"name\":\"会员信息管理\"},
{\"id\":1113300000,\"open\":false,\"pId\":1113000000,\"name\":\"营业点管理\"},{\"id\":1113400000,\"open\":false,\"pId\":1113000000,\"name\":\"用户管理\"},
{\"id\":1113500001,\"open\":false,\"pId\":1113000000,\"name\":\"部门管理\"}]","flag":true}