Easyui Tree + Asp.net加载数据

前端写法:

第一种:缺点,当节点状态设置为closed时,会出现数据重复加载的情况,如下图:

这里写图片描述

$(function () { 
            $('#tree').tree({
                url: "../Common/TreeMuLu.ashx",
                method: "get",
                lines: true,
                },
            })
        });

第二种:

 <script type="text/javascript" src="../EasyUI/jquery.easyui.min.js"></script>
<script type="text/javascript"> 
        $.ajax({ 
            url: "../Common/TreeMuLu.ashx", 
            dataType: "JSON", 
            success: function (data) { 
                alert(data); 
            $('#tree').tree({ 
                data: data 
            }); 
        } 
        }); 
    </script>

后台实现

Linq实现

  public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            List<Department> department_list = ServiceFactory.CreateInstance<IDepartmentService>().getDepartmentList();
            var json = new
            {
                //total = department_list.Count,
               departments = (
               from department in department_list
               select new
               {
                   id = department.departmentId,
                   text= department.departmentName,
                   state="closed",
                   leaf="false",
                   children="",
               }
               ).ToArray()

            };
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            string returnVal = serializer.Serialize(json.departments);
            context.Response.Write(returnVal);
        }

第二种:字符串形式

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            StringBuilder returnVal = Getdapartment_projectname();
            context.Response.Write(returnVal);
        }

        public StringBuilder Getdapartment_projectname()
        {
            StringBuilder result = new StringBuilder();
            StringBuilder sb = new StringBuilder(); 
            List<Department> department_list = ServiceFactory.CreateInstance<IDepartmentService>().getDepartmentList();
            if (department_list.Count > 0)
            {
                sb.Append("["); 
                foreach (Department de in department_list)
                {
                    sb.Append("{\"id\":\"" + de.departmentId + "\",\"text\":\"" + de.departmentName);
                    List<Project> project_list = ServiceFactory.CreateInstance<IProjectService>().GetListByDpmId(de.departmentId);
                    if (project_list.Count > 0)
                    {
                        sb.Append("\",\"state\":\"closed\",\"children\":[");
                        foreach (Project pr in project_list)
                        {
                            sb.Append("{\"id\":\"" + pr.projectId + "\",\"text\":\"" + pr.projectName + "\",\"state\":\"open\"},");
                        }
                        sb.Remove(sb.Length - 1, 1);
                        sb.Append("]");
                    }
                    else
                    {
                        sb.Append("\",\"state\":\"open\"");
                    }
                    result.Append(sb);
                    sb.Clear();
                    sb.Append("},");
                }
                sb.Remove(sb.Length - 1, 1);
                sb.Append("]");
                result.Append(sb);
                sb.Clear();
            }
            return result;
        }
easyui是一个基于jQuery的开源框架,用于创建用户友好的Web应用程序界面。它提供了许多预先设计好的界面组件,如表格、表单、对话框、菜单等,可以快速构建专业级的管理系统。 ASP.NET是微软开发的一种Web应用程序框架,它允许开发者使用多种编程语言(如C#、Visual Basic)来构建强大的Web应用程序。使用ASP.NET开发管理系统需要编写后台代码、处理数据、处理用户请求等。 将easyuiASP.NET结合使用,可以轻松创建功能丰富且具有良好用户体验的管理系统。easyui提供了丰富的界面组件和交互功能,可以方便地与ASP.NET的后台代码进行集成。开发者可以使用easyui提供的丰富组件快速搭建管理系统的前端界面,而无需从零开始编写和设计用户界面。 此外,easyui还提供了丰富的主题和样式,开发者可以选择适合自己项目的主题,使得管理系统的界面更加美观和专业。 由于easyui是开源的,任何人都可以使用和修改它。这意味着开发者可以根据自己的需求进行扩展和定制。同时,easyui也有庞大的社区支持,开发者可以从社区中获取到许多示例代码、教程和解决方案,更加快速高效地开发出符合自己需求的管理系统。 综上所述,easyui asp.net管理系统开源框架提供了丰富而强大的前端界面组件和交互功能,与ASP.NET后台代码完美结合,可以帮助开发者轻松创建出功能强大、用户友好的管理系统。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值