启用和作废
开发工具与关键技术:VS MVC
作者:木林森
撰写时间:2019年 7 月 13 日
启用和作废其实也是一种状态,今天跟大家分享一下我的做法。
上一篇文章中,我也是做了一种状态的设置(审核与取消审核),只是上次的做法是在layui表格外面设置按钮,然后点击行,获取行的值,进行判断,然后点击表格外面的两个按钮进行状态的切换。今天跟大家分享的是另一种做法,在layui表格里面设置一个按钮,只要点击这一个按钮就能对状态进行切换,就像生活中常用到的开关一样。但是这样的按钮也有局限,它的功能也跟开关一样,只能控制两种状态,而不像在layui外面设置按钮,可以设置多种不同的状态。所以现在提供了两种方法(第一种在上一篇文章中),依个人喜好,选择你自己心仪的方法吧。
在layui表格内设置按钮,首先要设置一个操作列放置按钮,如图1
图1
因为这里使用的是一个按钮,所以要给按钮设置一个切换状态,如图2:
图2
这里需要注意一下,就是那个状态的切换在数据库里面是只有一个字段记录它,我数据库用的是ToVoidNo来记录作废否,所以var获取的时候需要跟数据库的一样,不然会出错哦,获取这个值之外还需要获取到该行的主键ID,这个不能忘了。
设置的时候记得两种状态的onclick都是一样的,因为用的是同一个按钮。
对状态的设置之后,就到点击的时候进行真正的状态的切换了,这里用到的就是上面设置的同一个onclick——switchEnable,看看我的代码是怎样写的吧,如图3
在post提交的时候键值对那个地方非常容易出错,我上次就是在这里出错,我把后面那个DocAdviceDetailID写成了DocAdviceDetailId,这个错我经常犯,希望看到这里的小伙伴出错时,一定要记得看看这里。在VS里面虽然有快捷键Ctrl+F,能够快速找到相同的,但是这里有个不足就是它的分辨率还不是非常高,它查找出的是该对象对的所有大小写格式,这也就是意味着我们要自己去分辨它是否一样,记得喔,是一模一样,包括大小写都要一致!
下面图3中我已将标注的非常清晰了,这样理解起来就一点都不难了。如果有兴趣的伙伴看后记得自己操作一下喔,经过自己看实践的东西才是自己呢。
图3
上面说道控制器中的切换方法,到底是怎样写的,一起看看吧,如图4
图4
控制器这边的流程比较少,主要是获取到要切换行对的数据,然后对状态进行修改,然后进行判断,看是否有修改状态成功,不管是否修改成功,都设置一个提示,给使用者一种直观的体验。下面看看效果如何,如图5
图5
启用和作废
最新推荐文章于 2022-04-11 09:04:43 发布