easyui tree加上复选框CheckBox 简单方法

最新推荐文章于 2023-05-10 08:38:17 发布

DayDay_Code

最新推荐文章于 2023-05-10 08:38:17 发布

阅读量7.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/CommandBaby/article/details/20934223

easyui 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用EasyUI动态树组件构建菜单系统的开发方法，包括前端展示、后台数据获取及菜单项的动态加载。通过提供一个具体的实例代码，详细解释了如何配置EasyUI树组件，实现菜单的层次结构展示，并通过后台接口获取菜单数据，构建出易于维护和扩展的菜单系统。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<ul id="et" class="easyui-tree">  
  </ul>

 $(function () {

            $('#et').tree({
                url: 'http://localhost:2148/Main/GetMenu',
                checkbox: true
            });

public JsonResult GetMenu()  
       {  
           //格式必须是一个集合  
           List<TreeModel> litm = new List<TreeModel>();  
  
           TreeModel mf = new TreeModel();//父节点  
           mf.id = "id";  
           mf.text = "管理";  
  
           List<TreeChildrenModel> li = new List<TreeChildrenModel>();//子节点  
           foreach (var item in List)  
           {  
               TreeChildrenModel tcm = new TreeChildrenModel();  
               tcm.id = item.id.ToString();  
               tcm.text = item.title;  
               tcm.@checked = true;  
               tcm.attributes = new Attributes() { url = "" };  
               li.Add(tcm);  
           }  
           mf.children = li;  
           litm.Add(mf);  
  
           return Json(litm);  
       }  
   }  
 
   #region easy ui 动态树需要model  
   public class TreeModel  
   {  
       public string id { get; set; }  
       public string text { get; set; }  
       public bool @checked { get; set; }  
       public List<TreeChildrenModel> children { get; set; }  
   }  
  
   public class TreeChildrenModel  
   {  
       public string id { get; set; }  
       public string text { get; set; }  
       public bool @checkbox{ get; set; }  
       public Attributes attributes { get; set; }  
   }  
  
   public class Attributes  
   {  
       public string url { get; set; }  
   }  
   #endregion