Winform界面中主从表编辑界面的快速处理

在Winform开发中,我们往往除了常规的单表信息录入外,有时候设计到多个主从表的数据显示、编辑等界面,单表的信息一般就是控件和对象实体一一对应,然后调用API保存即可,主从表就需要另外特殊处理,本随笔介绍如何快速实现主从表编辑界面的处理,结合GridControl控件的GridView控件对象,实现数据在列表中的实时编辑,非常方便。

1、主从表的界面设计及展示

主从表一般涉及两个以上的表,一个是主表,其他的是从表的,在实际情况下,一般包含两个表较多,我们这里以两个表的主从表关系进行分析处理。

例如我们建立两个报销申请单表关系如下所示。

对于报销的主从表信息,我们可以在列表中进行展示,如下界面所示,分为两部分:一部分是主表信息,一部分是从表信息,单击主表信息后,显示对应从表的列表信息。

那么我们新增一条主表记录的时候,那么可以弹出一个新的界面进行数据的维护处理,方便我们录入主从表的信息,界面如下所示。

上面界面包括了主表信息,以及从表的信息(在GridView中实时录入)两部分,这样填写后统一进行提交处理。

 2、主从表编辑界面的处理

这里主要介绍一下主从表的编辑界面处理,也就是上面这个界面的实现处理。

其中初始化GridView的代码如下所示。

/// <summary>

        /// 初始化明细表的GridView数据显示
        /// </summary>
        private void InitDetailGrid()
        {
            //初始清空列
            this.gridView1.Columns.Clear();
            //设置部分列隐藏
            this.gridView1.CreateColumn("ID", "编号").Visible = false;
            this.gridView1.CreateColumn("Header_ID", "主表编号").Visible = false;
            this.gridView1.CreateColumn("Apply_ID", "申请单编号").Visible = false;
            //添加下拉列表列,并绑定数据源
            this.gridView1.CreateColumn("FeeType", "费用类型", 100).CreateComboBox().BindDictItems("费用类型");
            //创建日期列并指定格式
            var OccurTime = this.gridView1.CreateColumn("OccurTime", "发生时间", 120).CreateDateEdit();
            OccurTime.EditMask = "yyyy-MM-dd HH:mm";
            OccurTime.DisplayFormat.FormatString = "yyyy-MM-dd HH:mm";
            //创建数值列
            this.gridView1.CreateColumn("FeeAmount", "费用金额").CreateSpinEdit();
            //创建备注列
            this.gridView1.CreateColumn("FeeDescription", "费用说明", 200).CreateMemoEdit();

            //初始化GridView,可以新增列
            this.gridView1.InitGridView(GridType.NewItem, false, EditorShowMode.MouseDownFocused, "");
            //转义列内容显示
            this.gridView1.CustomColumnDisplayText += new CustomColumnDisplayTextEventHandler(gridView1_CustomColumnDisplayText);
            //处理单元格的样式
            this.gridView1.RowCellStyle += new RowCellStyleEventHandler(gridView1_RowCellStyle);
            //不允许头部排序
            this.gridView1.OptionsCustomization.AllowSort = false;
            //绘制序号
            this.gridView1.CustomDrawRowIndicator += (s, e) =>
            {
                if (e.Info.IsRowIndicator && e.RowHandle >= 0)
                {
                    e.Info.DisplayText = (e.RowHandle + 1).ToString();
                }
            };

            //对输入单元格进行非空校验
            this.gridView1.ValidateRow += delegate(object sender, ValidateRowEventArgs e)
            {
                var result = gridControl1.ValidateRowNull(e, new string[]
                {
                    "FeeType"
                });
            };
            //新增行的内容初始化
            this.gridView1.InitNewRow += (s, e) =>
            {
                gridView1.SetRowCellValue(e.RowHandle, "ID", Guid.NewGuid().ToString());
                gridView1.SetRowCellValue(e.RowHandle, "Header_ID", tempInfo.ID);
                gridView1.SetRowCellValue(e.RowHandle, "Apply_ID", tempInfo.Apply_ID);
                gridView1.SetRowCellValue(e.RowHandle, "OccurTime", DateTime.Now);
            };
        }

        void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e)
        {
            GridView gridView = this.gridView1;
            if (e.Column.FieldName == "FeeAmount")
            {
                e.Appearance.BackColor = Color.Green;
                e.Appearance.BackColor2 = Color.LightCyan;
            }
        }
        void gridView1_CustomColumnDisplayText(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDisplayTextEventArgs e)
        {
            string columnName = e.Column.FieldName;

            if (e.Column.ColumnType == typeof(DateTime))
            {
                if (e.Value != null)
                {
                    if (e.Value == DBNull.Value || Convert.ToDateTime(e.Value) <= Convert.ToDateTime("1900-1-1"))
                    {
                        e.DisplayText = "";
                    }
                    else
                    {
                        e.DisplayText = Convert.ToDateTime(e.Value).ToString("yyyy-MM-dd HH:mm");//yyyy-MM-dd
                    }
                }
            }
        }

上面代码都有详细的备注,主要就是我们根据数据库表的关系,创建对应显示的字段即可,其中有需要隐藏的那么就不要显示(方便获取对应的值)

            //设置部分列隐藏
            this.gridView1.CreateColumn("ID", "编号").Visible = false;
            this.gridView1.CreateColumn("Header_ID", "主表编号").Visible = false;
            this.gridView1.CreateColumn("Apply_ID", "申请单编号").Visible = false;

如果需要绑定下拉列表类似的字段,那么创建对应的数据类型,然后调用绑定函数绑定即可,如下面代码

            //添加下拉列表列,并绑定数据源
            this.gridView1.CreateColumn("FeeType", "费用类型", 100).CreateComboBox().BindDictItems("费用类型");

如果是一些特殊的输入需要设置格式显示或者掩码,那么如下所示

            //创建日期列并指定格式
            var OccurTime = this.gridView1.CreateColumn("OccurTime", "发生时间", 120).CreateDateEdit();
            OccurTime.EditMask = "yyyy-MM-dd HH:mm";
            OccurTime.DisplayFormat.FormatString = "yyyy-MM-dd HH:mm";

另外有一个值得注意的就是我们新增一行从表记录的时候,需要记录一些主表的属性,这样的话,我们就是在行初始化的时候,赋值给从表的隐藏列即可。

//新增行的内容初始化

            this.gridView1.InitNewRow += (s, e) =>
            {
                gridView1.SetRowCellValue(e.RowHandle, "ID", Guid.NewGuid().ToString());
                gridView1.SetRowCellValue(e.RowHandle, "Header_ID", tempInfo.ID);
                gridView1.SetRowCellValue(e.RowHandle, "Apply_ID", tempInfo.Apply_ID);
                gridView1.SetRowCellValue(e.RowHandle, "OccurTime", DateTime.Now);
            };

在界面中如果我们需要显示主表的信息,那么就根据条件获取对应的主表记录对象,然后显示给界面控件即可。

        /// <summary>
        /// 显示常规的对象内容
        /// </summary>
        /// <param name="info"></param>
        private void DisplayInfo(ReimbursementInfo info)
        {
            tempInfo = info;//重新给临时对象赋值,使之指向存在的记录对象

            txtCategory.Text = info.Category;
            txtReason.Text = info.Reason;
            txtTotalAmount.Value = info.TotalAmount;
            txtNote.Text = info.Note;
        }

而保存的时候,我们把界面内容重新赋值给对应的主表对象。

        /// <summary>
        /// 编辑或者保存状态下取值函数
        /// </summary>
        /// <param name="info"></param>
        private void SetInfo(ReimbursementInfo info)
        {
            info.Category = txtCategory.Text;
            info.Reason = txtReason.Text;
            info.TotalAmount = txtTotalAmount.Value;
            info.Note = txtNote.Text;

            info.ApplyDate = DateTime.Now;
            info.ApplyDept = base.LoginUserInfo.DeptId;
            info.CurrentLoginUserId = base.LoginUserInfo.ID;
        }

而我们需要获取GridView明细输入的时候,就通过一个函数遍历获取GridView的行记录,转换为相应的对象即可,如下所示。

        /// <summary>
        /// 获取明细列表
        /// </summary>
        /// <returns></returns>
        private List<ReimbursementDetailInfo> GetDetailList()
        {
            var list = new List<ReimbursementDetailInfo>();
            for (int i = 0; i < this.gridView1.RowCount; i++)
            {
                var detailInfo = gridView1.GetRow(i) as ReimbursementDetailInfo;
                if (detailInfo != null)
                {
                    list.Add(detailInfo);
                }
            }
            return list;
        }

这样处理完这些信息后,我们就可以在主表保存的时候,同时保存明细表信息即可。

        /// <summary>
        /// 新增状态下的数据保存
        /// </summary>
        /// <returns></returns>
        public override bool SaveAddNew()
        {
            ReimbursementInfo info = tempInfo;//必须使用存在的局部变量,因为部分信息可能被附件使用
            SetInfo(info);
            info.Creator = base.LoginUserInfo.ID;
            info.CreateTime = DateTime.Now;

            try
            {
                #region 新增数据

                bool succeed = BLLFactory<Reimbursement>.Instance.Insert(info);
                if (succeed)
                {
                    //可添加其他关联操作
                    var list = GetDetailList();
                    foreach(var detailInfo in list)
                    {
                        BLLFactory<ReimbursementDetail>.Instance.InsertUpdate(detailInfo, detailInfo.ID);
                    }

                    return true;
                }
                #endregion
            }
            catch (Exception ex)
            {
                LogTextHelper.Error(ex);
                MessageDxUtil.ShowError(ex.Message);
            }
            return false;
        }

其中代码

BLLFactory<ReimbursementDetail>.Instance.InsertUpdate(detailInfo, detailInfo.ID);

可以对新增记录保存,也可以对存在的记录进行更新。

通过上面的介绍,我们可以看到不同的主从表其实逻辑还是很通用的,我们可以把它们的逻辑抽取出来,通过代码生成工具进行快速生成即可。

本文转自博客园伍华聪的博客,原文链接:Winform界面中主从表编辑界面的快速处理,如需转载请自行联系原博主。

时间: 2024-09-15 02:25:26

Winform界面中主从表编辑界面的快速处理的相关文章

在Winform框架界面中改变并存储界面皮肤样式

在本篇介绍的Winform界面样式改变及存储操作中,是指基于DevExpress进行界面样式的变化.一般情况下,默认我们会为客户提供多种DevExpress的界面皮肤以供个人喜好选择,默认DevExpress提供40余种皮肤样式,用户可以根据自己的喜好,选择较为美观.得体的皮肤,为了方便,我们对用户的皮肤选择进行记录,并可以动态改变. 1.界面皮肤的选择 Winform开发框架(包括混合式Winform开发框架)皮肤如下界面所示. 在皮肤集合中打开,可以看到很多界面皮肤可供选择 上面初始化的皮肤

自定义view-android 中类似酷狗音乐主界面中的左右拖动界面如何实现?

问题描述 android 中类似酷狗音乐主界面中的左右拖动界面如何实现? 现在有很多APP都使用了主界面中页面切换实现了左右滑动来进行加载(实现方式应该不是ViewPager方式),而且在开始滑动的时候可以使的第一个界面显示多半,目测占屏幕的4/5,而即将要滑出进行显示的界面占1/5,再次向左滑动,第二个界面完全显示出来.看上去比较美观实用,请问如何才能实现这种效果呢? 解决方案 viewpager很容易完美实现,此下例子我已测试过了 参考:http://my.oschina.net/kzhou

代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能

在代码生成工具的各种功能规划中,我们一向以客户的需求作为驱动,因此也会根据需要增加一些特殊的功能或者处理.在实际的开发中,虽然我们一般以具体的表进行具体业务开发,但是有些客户提出有时候视图开发也是很常见的,为了提高代码生成和界面生成的效率,基于视图开发的过程也应该支持.还有主从表的界面生成操作,在很多实际的业务领域也是很常见的.基于上面的需求,本次代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能,为客户的高效率开发快马加鞭.保驾护航. 1.基于视图的代码生成和界

Winform界面中实现通用工具栏按钮的事件处理

在一个给客户做的项目中,界面要求修改增加通用工具栏按钮的事件处理,也就是在主界面中放置几个固定的功能操作按钮,打开不同的页面的时候,实现对应页面的功能处理,这种和我标准的界面处理方式有所不同,标准的列表界面,一般在界面中放置了一些常规的按钮,如查询/更新.新建.编辑.删除.导入.导出等常规操作,现在是需要把这些提升到主界面的层次上放置按钮,这种处理方式也算是提供一种方便吧.本篇随笔介绍实现这个功能的思路和代码实现逻辑. 1.界面功能介绍 这里要实现的通用工具栏按钮的事件处理,具体的界面是这样的,

JS 实现获取打开一个界面中输入的值_javascript技巧

需求在一个界面中打开另一个界面,通过JS获取在另一个界面中用户输入的值.示例:Index.html 复制代码 代码如下:    <html>    <head>      <meta http-equiv="content-type" content="text/html; charset=gbk">          <title>主页</title>         <script type=&q

如何根据配置文件的内容创建数据库中的表?

问题描述 如何根据配置文件的内容创建数据库中的表?界面上输入表的名称,表的字段名,属性,大小,然后保存在XML文件中,根据XML中的内容建表,如何建?谢谢 解决方案 解决方案二:说具体点CreateTableMember(StuNamevarchar(10),Pwdvarchar(10))这个建表的SQL语句,Member这个表名是从配置文件中读取的,如何写?解决方案三:<?xmlversion="1.0"encoding="utf-8"?><co

我的NHibernate之路(2)---主从表(一对多)配置篇

通过我上篇文章的配置,单独做一张表的操作已经够了.但是在我们实际开 发的过程中,很多时候数据库中都存在着主从表等关系,这时候就存在主表中的 一条记录可能对应多条从表中的记录.那么这种情况下,我们还用上篇文章的的 简单配置就不够了.下面我通过一个实际的例子说说Nhibernate中主从表的配置 . 先介绍开发环境和软件版本:VS2008 SP1.NHibernate-2.1.2.GA-bin.在下 面的例子中,就两张表,一张Class表,一张Student表.这就是一个典型的主从 表的关系. 这种

Winform界面中实现菜单列表的动态个性化配置管理

在我们一般的应用系统里面,由于系统是面向不同类型的用户,我们所看到的菜单会越来越多,多一点的甚至上百个,但是我们实际工作接触的菜单可能就是那么几个,那么对于这种庞大的菜单体系,寻找起来非常不便.因此对菜单的个性化配置就显得尤为重要,本篇随笔就是基于这样的理念,提供用户对可见菜单进行一个动态配置,只选自己喜欢.常用的菜单显示出来即可,菜单的配置存储在数据库里面,在不同的客户端体验都是一样.本篇随笔主要介绍实现这样的功能的一个完整思路,部分代码逻辑可供参考. 1. 菜单列表的动态个性化配置的过程 在

ext/js-Ext/js主从表数据在一个界面展示的问题

问题描述 Ext/js主从表数据在一个界面展示的问题 类似于一个订单列表,每行后面有一个查看详情的按钮,现在是点击查看详情,展示了主表数据,怎么样才能在点击查看详情的时候,除了展示当前订单记录行的信息,还要展示这一条订单关联的多条订单明细信息呢?在一个界面,跟在订单信息后面展示? 解决方案 可以用Ext.ux.RowExpander这个插件,具体示例看examplesgridgrid-plugins.html