新增修改同用一个模态框

开发工具与关键技术:VS    新增修改同用一个模态框
作者:赖文扬
撰写时间:2019年6月10日

在做一些项目的时候,项目里面会有一些需要新增、修改、删除的数据。
但假如项目需要新增和修改数据,那就要在上面布局里面写一个新增修改
的模态框,一般都是新增一个模态框、修改也一个模态框,但是有时候不
需要这么麻烦,新增修改也可以共用一个模态框的,其实新增修改同用
一个模态框和各一个模态框的用法是一样的,一样的name、一样的id、
但那个name是一定要和数据库里面的字符串的翻译一样,如果不一样
那就无法查询出数据来的,id是自己设定的,模态框的id和form的id
也是自己设定的,就是和平时一个模态框一样的。
(下面截图)
在这里插入图片描述
模态框完成了之后,首先就是要查询出数据,查询数据和平时查询
数据是一样的,查询出数据来了之后,就可以获取新增的页面数据了,
新增首先是要它弹出一个新增的模态框,然后重置一下表单和设置表单,
重置表单和设置表单里面要选择到上面form的id。(注意:要在上面form
里面用action来获取新增的路径)。然后要弹出一个模态框,再到保存新增
保存新增要获取到里面新增的数据,首先是复制上面模态框的name,然后
在用form表单的id在获取name,这样就可以获取到页面模态框的数据了
,然后再判断完整性验证,打开加载层、提交表单、关闭加载层、录入成功、
关闭模态框、提示信息、最后刷新表格就可以了。
(下面截图)
在这里插入图片描述
新增的页面数据获取到了之后呢,就来到控制器这边写新增的代码,然后把
新增的路径复制一下过来就可以了。新增写完了就可以写修改的代码了,修改
的代码和上面新增的代码差不多一样的,也是弹出修改模态框,重置表单、设置表单、
唯一不同的是修改要查询回填数据,然后再获取到隐藏域里面的数据、再其它
表单数据回填。然后就保存修改了,保存修改获取页面数据有两个方法,一个
是和上面新增一样的,一个是先获取到谈它的name,然后再选择到它们的id,
一般修改都是用获取id这个方法来写,然后就判断数据完整性的验证、打开加
载层、提交表单、关闭加载层、修改成功、关闭模态框、提示信息、最后也是
刷新表格。
(下面截图)
在这里插入图片描述
在这里插入图片描述
最后新增和修改使用方法是一样的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值