新增修改共用模态框

新增修改共用模态框

……………………………………………………………………………………………………………

开发工具与关键技术：Visual Studio 2015 C#

作者：林敏静

撰写时间：2019年5月12日

……………………………………………………………………………………………………………

相信大家对于数据的查询、新增、修改、删除这四个基础维护都不陌生了，毕竟我们会经常接触到使用到，说夸张一点闭着眼睛都能默写出来了（开个玩笑）。数据的增删查改的方法的详解我之前分别写过文章（感兴趣的可以去翻翻），这里呢我又双来写新增和修改，不过这次不是写它们的方法了，是来写它们的模态框，有些人可能会认为不就一个模态框嘛有什么好讲的，那样认为就不对啦，我们仔细想想，在一个表格里面的新增修改，虽然它们的方法不一样，但它们都有使用到模态框来进行新增或修改，通常我们见到的用到的新增和修改它俩都是各有自个儿的模态框，今天，我这里，就让它俩共同使用一个模态框来实现新增或者修改。下面请看例子。

简单看下我们今天要用到的表格，如下图

新增和修改是两个按钮，但是在这里它们打开的是同一个模态框，还有点击修改按钮打开的模态框是要回填页面数据的，新增的模态框是没有数据得自己填的，所以打开新增和修改的模态框的方法要分开写，如下图（这里我们只是让新增和修改使用同一个模态框，但新增和修改的控制器上的方法还是原来的不变，这里就不放图了）

接着我们来看模态框里的保存按钮在新增或修改时如何分别哪些是新增的哪些是修改的呢，代码详情如下图

首先呢获取页面上的数据，判断是否为空，若为空就进行提示，判断员工ID是否为空，就是判断数据库里有没有这个ID，没有重复的就执行新增操作，若数据库里已经有这个ID了就执行修改操作，执行完新增或修改操作都会自动关闭模态框和刷新表格，并且提示该操作执行成功，若没有执行成功该操作就会提示为什么执行失败，譬如数据重复，没有填写完整。

话不多说，我们来页面上看一下效果吧！先来看新增的，我们来新增一条数据看下有没有Bug，如下图

点击新增保存后表格刷新在表头出现刚新增的数据，说明新增成功了！那就表示新增这部分没问题，接着我们来看下修改数据有没有Bug，会不会有冲突呢？请看下图

这里呢把一名员工的员工编号给修改了，并且在表格刷新后显示出来了，说明修改数据也没有问题，刚刚的新增数据也没有问题，说明我们这里新增和修改共用一个模态框是OK的，它们实现各自的功能也没啥冲突。那么本次学习分享就到这里结束了。

注：1，本文例子源于课堂

2，文中员工信息（姓名电话）为虚构，如有雷同，纯属意外