向大神请教下 Ztree

zhangxuchen1996 2017-06-27 12:16:51
最近公司写项目要用到Ztree ,然后就在网上下了官网的demo,数据展示啥的都没问题,
然后换到自己的项目中,数据也返回了,但是第一个文件夹不展示,是不是Ztree依赖于哪个文件夹,我没有加载进来呢?
返回数据,和问题


关键代码


还望大神们指点迷津,小弟在这谢过
...全文
156 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhangxuchen1996 2017-06-29
  • 打赏
  • 举报
回复
引用 3 楼 ducker3590 的回复:

    public class Handler1 : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            GetList(context);
        }

        public void GetList(HttpContext context)
        {
            context.Response.ContentType = "text/json";

            List<ZTreeEntity> list = new List<ZTreeEntity>() {
                new ZTreeEntity() { id = 1, pId = 0, name = "手表" },
                new ZTreeEntity() { id = 11, pId = 1, name = "石英表" },
                new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v1" },
                new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v2" },
                new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v3" },
                new ZTreeEntity() { id = 12, pId = 1, name = "机械表" },
                new ZTreeEntity() { id = 122, pId = 12, name = "机械表-v1" },
                new ZTreeEntity() { id = 122, pId = 12, name = "机械表-V2" },
            };

            context.Response.Write(JsonConvert.SerializeObject(list));
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

    public class ZTreeEntity
    {
        public int id { get; set; }
        public int pId { get; set; }
        public string name { get; set; }
    }
}

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="Scripts/zTree_v3-3.5.29/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="Scripts/zTree_v3-3.5.29/js/jquery-1.4.4.min.js"></script>
    <script src="Scripts/zTree_v3-3.5.29/js/jquery.ztree.all.min.js"></script>
</head>
<body>
    <ul id="tree" class="ztree"></ul>
    <script>
        var setting = {
            data: {
                simpleData: {
                    enable: true
                }
            }
        };

        $.getJSON('Handler1.ashx', function (data) {
            $(document).ready(function () {
                $.fn.zTree.init($('#tree'), setting, data);
                var treeObj = $.fn.zTree.getZTreeObj('tree');
                treeObj.expandAll(true);
            });
        });
    </script>
</body>
从你的写法和数据上看不出问题 我本地测试也没问题 你可能要找找一些细节上的问题了
谢谢大佬,还在寻找,不行就从新写了
csdnFUCKINGSUCKS 2017-06-27
  • 打赏
  • 举报
回复

public class Handler1 : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
GetList(context);
}

public void GetList(HttpContext context)
{
context.Response.ContentType = "text/json";

List<ZTreeEntity> list = new List<ZTreeEntity>() {
new ZTreeEntity() { id = 1, pId = 0, name = "手表" },
new ZTreeEntity() { id = 11, pId = 1, name = "石英表" },
new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v1" },
new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v2" },
new ZTreeEntity() { id = 111, pId = 11, name = "石英表-v3" },
new ZTreeEntity() { id = 12, pId = 1, name = "机械表" },
new ZTreeEntity() { id = 122, pId = 12, name = "机械表-v1" },
new ZTreeEntity() { id = 122, pId = 12, name = "机械表-V2" },
};

context.Response.Write(JsonConvert.SerializeObject(list));
}

public bool IsReusable
{
get
{
return false;
}
}
}

public class ZTreeEntity
{
public int id { get; set; }
public int pId { get; set; }
public string name { get; set; }
}
}



<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link href="Scripts/zTree_v3-3.5.29/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
<script src="Scripts/zTree_v3-3.5.29/js/jquery-1.4.4.min.js"></script>
<script src="Scripts/zTree_v3-3.5.29/js/jquery.ztree.all.min.js"></script>
</head>
<body>
<ul id="tree" class="ztree"></ul>
<script>
var setting = {
data: {
simpleData: {
enable: true
}
}
};

$.getJSON('Handler1.ashx', function (data) {
$(document).ready(function () {
$.fn.zTree.init($('#tree'), setting, data);
var treeObj = $.fn.zTree.getZTreeObj('tree');
treeObj.expandAll(true);
});
});
</script>
</body>





从你的写法和数据上看不出问题 我本地测试也没问题 你可能要找找一些细节上的问题了
zhangxuchen1996 2017-06-27
  • 打赏
  • 举报
回复
他默认设置的就是id和pId ,就算改了也是一样的,关键是第一级菜单出来了 第二级菜单没有出来
csdnFUCKINGSUCKS 2017-06-27
  • 打赏
  • 举报
回复

data: {
    simpleData: {
        enable: true,
        idKey: 'id',
        pIdKey: 'pId'
    }
}

110,502

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧