JS中获取本地json文件构建zTree

标准的json对象格式为{"key":value,"key2":value2} 有双引号
$.getJSON("json/layer.json?"+timestamp, function (data){}能够获取本地json文件数据

$.ajax也能够获取本地json文件数据

示例:获取本地json文件数据作为zTree格式数据(两种)

    //初始化树方法
    function initTree(earthObj) {
        var setting = {
            check: {
                enable: true, //是否显示checkbox或radio
                chkStyle: "checkbox" //显示类型,可设置(checbox,radio)
            },
            view: {
                showIcon: false, //不显示节点图标
                showLine: true, // 不显示 连线
                expandFlag: true, //是否展开节点
                dblClickExpand: false, //双击节点时,是否自动展开父节点的标识
                expandSpeed: "", //节点展开、折叠时的动画速度, 可设置("","slow", "normal", or "fast")
                selectedMulti: false //设置是否允许同时选中多个节点
            },
            callback: {
                onDblClick: function (event, treeId, node) { //双击图层
                    layerTreeDbClick(earthObj, node);
                },
                onCheck: function (event, treeId, node) { //点击checkbox事件
                    layerTreeCheck(earthObj, node);
                },
                onRightClick: function (event, treeId, node) { //右键事件
                    $('#mm').menu('show', {
                        hideOnUnhover: false,
                        fit: false,
                        itemHeight: 30,
                        left: event.pageX,
                        top: event.pageY
                    });
                },
                onCollapse: function (event, treeId, node) { //节点折叠事件
                    $("#layerTreeDiv").jScrollPane({
                        showArrows: true
                    });
                },
                onExpand: function (event, treeId, node) { //节点折叠事件
                    $("#layerTreeDiv").jScrollPane({
                        showArrows: true
                    });
                }
            }
        };
        //时间戳
        var timestamp = Date.parse(new Date());
        //树数据
        var zNodes = null;
        //var tree = null;
        //$.getJSON("json/layer.json?"+timestamp, function (data){   
        //alert(data);
        //alert(defaultData);
        //console.log(data);
        //console.log(defaultData);
        //zNodes = data;
        //alert(zNodes);
        //成功获取json数据,可树出不来是由于下面两行要放在这里,放在下面data还未获取到
       (getJSON是默认异步刷新,不等执行完再执行下边)
        //var tree = $.fn.zTree.init($("#layerTree"), setting, zNodes);
        //tree.expandAll(true);       
        //});
        $.ajax({
               type: "GET",
               url: "./Geojson/layer.json",
               dataType: "json",
               async: false,
      success: function(data){
               alert(data);
               console.log(data);
               zNodes = data;
               }
        });
        
        //var zNodes = defaultData;
        var tree = $.fn.zTree.init($("#layerTree"), setting, zNodes);
        tree.expandAll(true);
        
        $("#layerTreeDiv").jScrollPane({
            showArrows: true
        });
        return tree;
    }

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值