修改回填数据

修改回填数据

开发工具与关键技术：
作者：郭海明
撰写时间：2019年4月25日

在管理页面数据的时候，我们除了在表格添加一个新增按钮，一般我们都会再添加修改按钮和删除按钮，方便管了数据，对不需要的数据，进行删除，提高数据加载的速度和工作的效率，所以我们这次写的是修改按钮的功能代码。

如图，我们在数据表格里面，添加了一个操作列，就是用于存放修改和删除的按钮。这里的修改和删除，是我们在这个layui的表格的这个操作列里面添加的templet，然后在templet里面添加一个setOperate

然后写一个setOperate的方法函数，用于添加修改和删除按钮。按钮显示出来之后，我们就可以到控制器去写修改的方法了。
首先我们写一个数据修改回填的方法，用于我们点击修改的时候，数据会自动回填。

方法里面添加一个参数 employeeID，用于接收页面数据，我们通过单表查询出和这个参数相对应employeeID，然后将这个ID返回到方法。

然后再创建一个修改的方法。

创建好方法，并添加好了参数之后，先实例化一下我们封装好的ReturnJson方法。然后单表查询判断电话号码（telphone）是否重复，输出电话号码重复的条数。然后将页面的数据放到数据库保存。判断如果电话重复的条数等于0，那就继续执行修改的内容，如果重复的条数大于0，那就说明修改页面的电话号码和数据库的其他数据的电话号码产生了重复，所以不能保存，提示一个电话重复。
那么如果电话重复条数等于0，我们就继续执行修改，在里面用If判断数据库的存储变化是否大于0，如果大于0，则表示修改的数据保存成功，我们就返回一个修改成功就可以了，否则else返回一个修改失败。
控制器的代码都写完之后，我们就返回到视图里编写回填的方法和修改保存。

前面的修改按钮，我们给了一个onclick点击openUpdate，我们就在这里写一个修改按钮的openUpdate函数方法，并且将employID写进去。然后重置一下表单，通过post和封装好的LoadDatatoForm方法将数据提交和回填，然后将修改模态框打开。

点击保存按钮，获取到选项填写的数据，然后判断，获取到的数据是否为空，

如果都不等于空，那么我们就将url链接跳转到控制器写好的修改方法。然后序列化表单，保存成功后，自动关闭修改页面，然后刷新表格的数据，并且返回第一页，修改就完成了。