`
niunan
  • 浏览: 721048 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

asp.net 中用easyui中的treegird的简单使用

    博客分类:
  • .NET
 
阅读更多

几乎每个‘数人头’项目中都会用到的功能,这里先记下来,以后直接到这里复制代码就行了,ASP.NET MVC中的使用

 

数据库用户表中的除了有个parentid父级ID外,我还多加了以个字段,parentpath,表示父级路径,把该用户的所有上级ID全都存起来,以,间隔,如用户ID=5的低级路径 为:,1,2,3,4,  最前面加多一个,是为了查询该用户的下级用户总数方便

下面是HTML代码:


@{
    ViewBag.Title = "推荐图谱";
}
<link href="~/jquery-easyui-1.5.4.1/themes/default/easyui.css" rel="stylesheet" />
<link href="~/jquery-easyui-1.5.4.1/themes/icon.css" rel="stylesheet" />
<script src="~/jquery-easyui-1.5.4.1/jquery.min.js"></script>
<script src="~/jquery-easyui-1.5.4.1/jquery.easyui.min.js"></script>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">@ViewBag.Title</li>
    </ul>
</div>


<table title="推荐图谱" class="easyui-treegrid" style="width:700px;height:300px"
       url="/Userinfo/TJTuPu_Ajax"
       rownumbers="true"
       idField="id" treeField="username">
    <thead>
        <tr>
            <th field="username">用户名</th>
            <th field="regdate">注册时间</th>
            <th field="xjcount" >下级总数</th>
        </tr>
    </thead>
</table>

 

下面是相应的后台代码:
        //推荐图谱-取数据
        public ActionResult TJTuPu_Ajax(int? id)
        {
            ArrayList arr = new ArrayList();
            if (id == null)
            {
                //取自己
                Model.Userinfo u = base.GetLoginUser();
                int xjcount = udal.CalcCount($"parentpath like '%,{u.id},%'");
                string state = xjcount == 0 ? "open" : "closed";
                arr.Add(new { id = u.id, username = u.username, regdate = u.createtime.ToString("yyyy-MM-dd"), xjcount = xjcount, state = state, });
            }
            else
            {
                //根据ID取下一级
                List<Model.Userinfo> list_u = udal.GetListArray($"parentid={id.Value}");
                foreach (var u in list_u)
                {
                    int xjcount = udal.CalcCount($"parentpath like '%,{u.id},%'");
                    string state = xjcount == 0 ? "open" : "closed";
                    arr.Add(new { id = u.id, username = u.username, regdate = u.createtime.ToString("yyyy-MM-dd"), xjcount = xjcount, state = state, });
                }

            }
            return Json(arr);
        }

 

其实以上的代码都是直接从easyui官网上的demo里复制出来的,我只是把他的后台php示例代码改为了c#而已

分享到:
评论

相关推荐

    基于ASP.NET+easyui管理系统源码(含数据库以及 统计图功能).rar

    虽然具体使用哪种数据库没有在标题和描述中明确指出,但通常ASP.NET项目会结合SQL Server、MySQL或Oracle等关系型数据库进行数据操作。三层架构中的一层便是数据访问层,负责与数据库进行交互,实现CRUD(创建、读取...

    asp.net + EasyUI 分页包含数据库

    在IT行业中,Asp.NET和EasyUI是两个广泛使用的框架,用于构建高效、美观的Web应用程序。Asp.NET是微软推出的服务器端开发平台,而EasyUI则是一个基于jQuery的前端UI库,它提供了丰富的组件,使得开发者能够快速构建...

    asp.net+easyui的后台管理系统

    在 ASP.NET 中集成 EasyUI,我们可以快速地构建出具有专业外观和交互体验的后台管理界面。EasyUI 提供了大量的预定义组件,如表格(grid)、表单(form)、对话框(dialog)、菜单(menu)等,这些组件可以方便地...

    asp.net mvc easyui EF vss

    asp.net mvc easyui EF VSS 权限管理 主要是框架的设计,应用了asp.net MVC + Entity Framework + jQuery EasyUI + VSS等技术

    EF_Demo asp.net demo easyui

    EF_Demo asp.net demo easyuiEF_Demo asp.net demo easyuiEF_Demo asp.net demo easyuiEF_Demo asp.net demo easyuiEF_Demo asp.net demo easyui

    .NET+EasyUI快速开发框架

    在.NET框架中,ASP.NET是一个用于构建Web应用程序的组件,支持多种编程语言,如C#、VB.NET等,它简化了网页开发流程,提供了诸如MVC(模型-视图-控制器)架构、身份验证和授权机制等高级功能。 EasyUI则是一款基于...

    一套通用的Easyui+asp.net mvc开发框架源码

    【标题】"一套通用的Easyui+asp.net mvc开发框架源码"揭示了这是一个用于构建Web应用程序的基础架构,结合了两种技术:Easyui和asp.net MVC5。Easyui是一个基于jQuery的用户界面库,提供了丰富的组件和主题,用于...

    asp.net+easyui案例详解+权限管理

    标题中的“asp.net+easyui案例详解+权限管理”揭示了这个压缩包文件包含的是一个使用ASP.NET技术和EasyUI框架实现的权限管理系统实例。在这个系统中,开发者可能详细讲解了如何将这两种技术结合来构建一个功能完备的...

    asp.net jqurey easyui 教程

    5. ASP.NET与EasyUI整合:演示如何在ASP.NET页面中嵌入EasyUI组件,以及如何动态加载和更新EasyUI组件的数据。 6. 示例项目:提供一些实际的ASP.NET应用示例,如用户登录注册、数据查询、表单验证等,展示jQuery和...

    asp.net+easyui+帮助文档api

    `EasyUITest`可能是包含多个示例页面的项目,展示了如何在ASP.NET中使用EasyUI。通过研究这些实例,初学者可以快速掌握EasyUI的用法,比如如何配置和初始化组件,如何处理用户交互,以及如何与后台进行数据通信。 ...

    ASP.NET EASYUI 学习demo.项目源码

    标签 "ASP.NET EASYUI demo 项目源码" 明确了项目的核心内容,即一个 ASP.NET 中使用 EasyUI 的演示示例,包含了实际的源代码。 从压缩包文件名称列表中,我们可以推测项目包含以下内容: - from.gif:这可能是一个...

    asp.net mvc easyui 分页操作.docx

    通过以上步骤,我们成功地在ASP.NET MVC项目中实现了使用EasyUI框架的Datagrid控件进行数据分页的功能。这种方法不仅提高了用户体验,同时也使后台的数据管理更加高效便捷。希望本教程能帮助读者更好地理解如何在...

    【ASP.NET编程知识】基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 ).docx

    基于ASP.NET+easyUI框架实现图片上传功能是指在ASP.NET web应用程序中使用easyUI框架来实现图片上传功能,该功能包括判断图片格式是否正确和即时浏览图片。下面是相关知识点的总结: 1. ASP.NET框架:ASP.NET是微软...

    .net 使用easyUI_DataGrid分页

    在.NET开发中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的组件库,其中包括DataGrid。DataGrid是一个功能强大的表格控件,适用于展示大量数据并进行分页、排序、筛选等操作。本教程将深入讲解如何在.NET环境...

    通用asp.net mvc5 Easyui开发框架源码.zip

    【标题】"通用asp.net mvc5 Easyui开发...同时,由于使用了ASP.NET MVC5和EasyUI,开发过程会更加高效,且生成的应用具有良好的可维护性和用户体验。对于想要学习或使用这两种技术的人来说,这是一个宝贵的参考资料。

    asp.net+Web+mvc4.0 EasyUI 最新 权限管理系统源码教程

    Zephyr.Net 企业版是基于Asp.Net MVC4.0 + WebAPI + Knockout 技术,采用EasyUI为前台开发展示UI,Knockout主要负责前端的逻辑交互,再结合jQuery Ajax进行提交数据请求。 二、框架特色 1、基于 ASP.NET MVC4.0 + ...

    asp.net mvc4 easyui CRUD 分页 查询

    在本项目中,"asp.net mvc4 easyui CRUD 分页 查询"是结合了这两个技术,实现了数据的创建(Create)、读取(Read)、更新(Update)和删除(Delete)功能,并且加入了分页和查询功能,使得数据管理更加高效。...

    JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题

    在本主题"JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题"中,我们将深入探讨如何在ASP.NET项目中正确使用EasyUI的TABS组件,并解决可能出现的显示问题。 EasyUI是一个基于jQuery的UI框架,提供了丰富的...

    通用Easyui开发框架源码(For Asp.NET)

    在这里就是我们的ASP.NET项目。 08 SOA 这一层不是必须的,根据项目的具体情况进行取舍,如果业务比较复杂且交互项目繁多,那么SOA可以减轻我们的负担;如果业务比较单一且相对简单,就可以直接调用或者使用Web ...

Global site tag (gtag.js) - Google Analytics