layui tree

[.NET ASP]

这是什么意思，难道layui.js没有这个方法吗？

[.NET ASP]

我知道你说的这个是对数据库的添删改查，但是这个tree.render方法错误，没办法显示树，所以添删改查就无法进行。

[.NET ASP]

我layui官网上看到过这个，然后我用了用，提示tree.render is not function找不到这个方法

[csdnFUCKINGSUCKS]

你在树结构声明里去post请求是什么操作

[.NET ASP]

老哥，还是不行啊！这应该是JS的错误！但是我引用了最新的JS，但是还是不行！

[.NET ASP]

[csdnFUCKINGSUCKS]

用layui.js 不是layui.all.js

[csdnFUCKINGSUCKS]

还有你看下你的network里有请求到tree.js吗

[.NET ASP]

我换成layui.js就成这个样了。然后怎么弄呢？

[csdnFUCKINGSUCKS]

你的layui文件夹下面是不是没有lay/modules这个目录 所有的组件都是通过这个目录下的js加载到页面的

[.NET ASP]

有

[csdnFUCKINGSUCKS]

目录结构是这样 不建议去调整 如果需要调整的话 按照这个结构去对应调整 否则会调用不到 你现在的情况应该是layui.js和lay目录不在同级造成的

[.NET ASP]

可以显示树了，但是不是数据库的数据，都显示未命名

[.NET ASP]

[.NET ASP]

引用 17 楼 f**kcsdn的回复:

目录结构是这样 不建议去调整 如果需要调整的话 按照这个结构去对应调整 否则会调用不到 你现在的情况应该是layui.js和lay目录不在同级造成的

感谢了，大神。在你的帮助下搞定了

[「已注销」]

layui自身不带tree组件的，你需要自己去找个tree的插件去，要不就报错

[csdnFUCKINGSUCKS]

public class TreeNode
{
    public TreeNode() { children = new List<TreeNode>(); }
    public string title { get; set; }
    public int id { get; set; }
    public List<TreeNode> children { get; set; }
    public string href { get; set; }
    public bool spread { get; set; } = true;
    public bool @checked { get; set; } = true;
    public bool disabled { get; set; }
}

[HttpGet]
public JsonResult GetTree()
{
    List<TreeNode> root = new List<TreeNode>();

    TreeNode node1 = new TreeNode() { title = "Parent1", id = 1 };
    TreeNode node2 = new TreeNode() { title = "Parent2", id = 2 };

    List<TreeNode> childen1 = new List<TreeNode>() { new TreeNode() { title = "P1Child1", id = 3 }, new TreeNode() { title = "P1Child2", id = 4 } };

    List<TreeNode> childen2 = new List<TreeNode>() { new TreeNode() { title = "P2Child1", id = 5 }, new TreeNode() { title = "P2Child2", id = 6 } };

    node1.children.AddRange(childen1);
    node2.children.AddRange(childen2);

    root.Add(node1);
    root.Add(node2);

    return Json(root, JsonRequestBehavior.AllowGet);
}

<div id="treeContainer"></div>
<script src="~/Scripts/layui/layui.js"></script>
<script>
    var treeData;
    $.get('/Home/GetTree', function (data) {
        treeData = data;
    });
    layui.use('tree', function () {
        var tree = layui.tree;
        var inst = tree.render({
            elem: '#treeContainer',
            data: treeData
        });
    });
</script>

[.NET ASP]

谢谢了，等会我试一下，再给你回

[123乖乖嘞]

方法错误。无法显示树

[AjuPrince]

将layui升级到最新的2.5.4 就可以了，新的tree将不再兼容以前的版本。

[白小纯!]

layui的tree, 怎么达到编辑器中那样有图标的样子，没看到有配置项。。