在Winform系统开发中,对表格列表中的内容进行分组展示

简介: 在Winform系统开发中,对表格列表中的内容进行分组展示

在我们开发Winform界面的时候,有时候会遇到需要对一些字段进行一些汇总的管理,如果在列表中能够对表格列表中的内容进行分组展示,将比较符合我们的预期,本篇随笔介绍在Winform开发中如何利用DevExpress的GridView实现该功能。

1、准备数据表和一些数据

我们来以ERP系统中的一个原料表格来介绍我们对表格数据汇总的处理,首先创建一个原料表用来测试,表的数据库设计可以采用PowerDesigner等类似的建模工具设计,如下所示。

通过预览生成SQL的方式,我们可以生成对应不同的数据库的数据库脚本,用于创建对应的数据库表。

生成对应的数据表后,我们往里面填入一些测试的数据,用于实际的测试处理。

我们准备类别不同的数据写入,为了方便测试,具体数据效果如下所示。

有了这些,我们就可以顺利进行下面的代码开发了。

 

2、基于具体框架生成基础数据库操作类

在这里可以根据我们实际的需要,生成相关的基础数据库操作类,如我的Winform框架或者SqlSugar 开发框架的Winform前端,都可以直接生成对应的框架基础代码,我们这里以我们的SqlSugar 开发框架模式来开发对应的Winform界面。

由于我们开发一般是基于增量式的开发方式,因此我们可以一次性选择我们新增的表进行生成底层框架的支持代码,如下确定界面所示。

最终生成一个可以直接运行的项目整体框架方案。

如果我们是考虑增量式的整合在我们现有的项目上,那么我们可以把SugarProjectCore项目目录里面的文件夹整个复制整合到我们已有的项目上即可。

它们的目录结构已经根据不同的功能放在了不同的文件夹中了,如下图所示。

例如,我们把它们整个复制放置到了对应项目目录下,如下所示。

那么目前我们已有项目上就增加了对应的访问数据库的业务类所需要的模型、接口、具体实现类了。

接下来就是对Winform的界面进行生成了。

3、生成相关的界面,并实现分组的特殊处理

前面我们介绍了,这个案例介绍基于我们SqlSugar开发框架的实现,因此我们基于SqlSugar开发框架的Winform界面进行生成即可。生成的界面直接调用刚才的创建的基础接口来请求数据和绑定处理,以及相关的导入导出、编辑、删除等基础操作。

上面的界面就是基于SqlSugar开发框架生成的Winform界面的时候,对界面中查询条件、列表展示的字段,以及编辑界面的字段进行设计的处理,代码生成工具根据这些设定进行界面代码的生成。

生成的代码,自动包含了列表展示和编辑等基础界面功能,如下代码文件所示。

我们把这些文件整合到我们已有的UI项目上,就可以实现表的界面代码增量的生成了。

直接测试编译运行,稍作调整,最终的界面效果如下所示。

以上的表格数据,只是常规的展示,并没有实现分组的处理,我们增加一个复选框,用来设置分组处理的展示,如下界面所示。

我们注意到,在WInform界面中,生成的界面代码包含了对数据的绑定显示,如下就是对表的数据请求函数。

/// <summary>
        /// 获取数据
        /// </summary>
        /// <returns></returns>
        private async Task<IPagedResult<MaterialInfo>> GetData()
        {
            MaterialPagedDto pagerDto = null;
            if (advanceCondition != null)
            {
                pagerDto = new MaterialPagedDto(this.winGridViewPager1.PagerInfo);
                pagerDto = dlg.GetPagedResult(pagerDto);               
            }
            else
            {
                //构建分页的条件和查询条件
                pagerDto = new MaterialPagedDto(this.winGridViewPager1.PagerInfo)
                {
                    //添加所需条件
                    Category = this.txtCategory.Text.Trim(),
                    Code = this.txtCode.Text.Trim(),
                    Name = this.txtName.Text.Trim(),
                    Alias = this.txtAlias.Text.Trim(),
                    UsePurpose = this.txtUsePurpose.Text.Trim(),
                    SupplierSimple = this.txtSupplierSimple.Text.Trim(),
                    Producer = this.txtProducer.Text.Trim(),
                };
                //日期和数值范围定义
            }
            var result = await BLLFactory<IMaterialService>.Instance.GetListAsync(pagerDto);
            return result;
        }

以上就是根据界面的条件进行数据的条件查询,并返回记录集合。

在获得记录集合后,我们把它赋值给我们自定义的分页控件组件,就可以实现相关数据的正常展示了。

//获取分页数据列表
var result = await GetData();
//设置所有记录数和列表数据源
this.winGridViewPager1.PagerInfo.RecordCount = result.TotalCount; //需先于DataSource的赋值,更新分页信息
this.winGridViewPager1.DataSource = result.Items;

为了实现分组的处理展示,我们需要判断上面的复选框条件,进行分组条件和表达式的创建处理即可,如下代码所示。

//增加汇总字段和显示
var gridView1 = this.winGridViewPager1.gridView1;
if (checkGroup.Checked)
{
    this.winGridViewPager1.ShowLineNumber = false;
    gridView1.IndicatorWidth = 0;
    gridView1.OptionsView.ShowGroupExpandCollapseButtons = true;//显示折叠的分组
    gridView1.OptionsView.AllowCellMerge = true; //允许合并字段
    gridView1.OptionsView.GroupDrawMode = GroupDrawMode.Standard;
    gridView1.GroupSummary.Clear();
    gridView1.Columns["Category"].GroupIndex = 0;//对类别进行分组展示
    var item = new GridGroupSummaryItem();
    item.FieldName = "Id";
    item.DisplayFormat = "  (合计数量 = {0:n})";
    item.SummaryType = DevExpress.Data.SummaryItemType.Count;//Sum、Average等
    gridView1.GroupSummary.Add(item);
    gridView1.ExpandAllGroups();
}
else
{
    gridView1.GroupSummary.Clear();
    this.winGridViewPager1.ShowLineNumber = true;
    gridView1.OptionsView.AllowCellMerge = false;
}

以上就是对数据记录进行分组的代码,核心代码就几行,可以很容易实现我们所需要的分组效果,如下界面所示。

如果我们不需要合并,取消设置为false即可。

gridView1.OptionsView.AllowCellMerge = false;

以上就是我们介绍基于SqlSugar开发框架生成基础代码、界面代码、以及实现分组处理展示的一些总结。

 

链接附注

如对我们的代码生成工具有兴趣,可以到官网下载使用《代码生成工具Database2Sharp》。

如需了解我们官网对《SqlSugar开发框架》的介绍,可以参考《SqlSugar开发框架》了解。

如需阅读我们对于《SqlSugar开发框架》文章介绍,可以参考博客园的随笔标签《SqlSugar随笔 , WPF随笔》学习了解。

 

专注于代码生成工具、.Net/.NetCore 框架架构及软件开发,以及各种Vue.js的前端技术应用。著有Winform开发框架/混合式开发框架、微信开发框架、Bootstrap开发框架、ABP开发框架、SqlSugar开发框架等框架产品。
 转载请注明出处:撰写人:伍华聪  http://www.iqidi.com

相关文章
|
JavaScript
fastadmin表格列表内部自定义按钮
fastadmin表格列表内部自定义按钮
421 0
fastadmin表格列表内部自定义按钮
|
4月前
|
开发框架 .NET C#
WPF/C#:显示分组数据的两种方式
WPF/C#:显示分组数据的两种方式
64 0
|
5月前
|
开发框架 JavaScript 前端开发
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
|
5月前
|
前端开发 JavaScript 数据库
分页,快捷链接表单,分页表单,常用软件开发之分页,快捷链接分页表单添加显示,可以做的分页统计,一个简单的添加页面,数据条理清晰呈现如何设计,如何修改成自己想要的,要会编写接口文档,一边写接口
分页,快捷链接表单,分页表单,常用软件开发之分页,快捷链接分页表单添加显示,可以做的分页统计,一个简单的添加页面,数据条理清晰呈现如何设计,如何修改成自己想要的,要会编写接口文档,一边写接口
|
7月前
后台管理系统之Table表格展示数据的使用
后台管理系统之Table表格展示数据的使用
112 0
|
资源调度
如何基于tristana项目模板,打造一个基本列表展示 #100
如何基于tristana项目模板,打造一个基本列表展示 #100
79 0
|
资源调度 JavaScript
如何基于lucian项目模板,打造一个基本列表展示 #99
如何基于lucian项目模板,打造一个基本列表展示 #99
85 0
|
资源调度 前端开发
让后台查询+表格这种页面更加快速和简便
让后台查询+表格这种页面更加快速和简便
159 0
|
JSON 前端开发 JavaScript
列表展示怎么做
列表展示怎么做
113 0
优秀学生信息表格案例
优秀学生信息表格案例
159 0
优秀学生信息表格案例
下一篇
DataWorks