整理easyui tree 树型结构创建过程

最新推荐文章于 2024-06-22 09:38:59 发布

zhgl7688

最新推荐文章于 2024-06-22 09:38:59 发布

阅读量4k

点赞数 1

分类专栏： easyui c#

本文链接：https://blog.csdn.net/zhgl7688/article/details/51002187

版权

本文详细介绍了如何使用EasyUI在项目中构建树型结构，包括在视图中的应用步骤，帮助读者理解并实现这一常见前端组件。

摘要由CSDN通过智能技术生成

1、视图中在需要树型结构的地方添加

<div id="menuTree" data-options="fit:true">

            </div>

2、添加easyuitree树属性和方法

    $('#menuTree').tree({
        url: '/Friut/GetAllMenus',
        lines: true,
        animate: true,
        onClick: function (node) {
            if (node.attributes.Url) {
                newTab(node);
            }
        }
    });

3、后台添加一个与树属性对应的类

 public class TreeNode
    {
        public int id { get; set; }
        public string text { get; set; }
        public string  state { get; set; }
        public bool Checked { get; set; }
        public object attributes { get; set; }
        public List<TreeNode> children { get; set; }
    }

4、后台编写数据库与树类对应的方法