abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)
(net core)+easyui+efcore实现仓储管理系统目录
abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)
abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)
abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三)
abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四)
abp(net core)+easyui+efcore实现仓储管理系统——创建应用服务(五)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之控制器(六)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之列表视图(七)
abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图(八)
abp(net core)+easyui+efcore实现仓储管理系统——多语言(十)
abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十一)
abp(net core)+easyui+efcore实现仓储管理系统——菜单-上 (十六)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八)
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九)
一.前言
通过前面的文章abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九) 至 abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理八(二十六) 的学习,我们已经有实现了传统的ASP.NET Core MVC+EasyUI的增删改查功能。本篇文章我们要实现了使用ABP提供的WebAPI方式+EasyUI来实现增删改查的功能。本文中我们将不在使用DataGrid表格控件,而是使用树形表格(TreeGrid)控件。
二、树形表格(TreeGrid)介绍
我先上图,让我们来看一下功能完成之后的组织管理信息列表页面。如下图。
这个组织管理列表页面使用TreeGrid来实现的。我们接下来介绍一下TreeGrid。
首先、在定义TreeGrid时有两个属性必须要有一个是idField,这个要唯一;另一个是treeField的定义,这是树节点的值,必须要有。
其次、easyui加载treegrid的json数据格式有三种,我就介绍我常用的这种。其他两种方式,请查看easyui的相关文档。