最近在做项目时遇到一个前端的问题(本人是个后端开发,前端公司刚要求开始写,所以我是个前端垃圾,勿喷勿喷!!!!)
先给大家讲述一下业务场景:
我在前端页面的一个表中有一个字段是落实状态
1.当我的落实状态是已落实的时候 我的是否落实按钮需要自动开启并且无法关闭。
2.当我的落实状态为未落实的时候,我的按钮默认为关闭状态,但是我可以开启进行落实。
这个方法是本人在网上搜了好长时间改好的!!
1、这段代码是一个JavaScript的函数,首先将value的值设为true,接着我通过row获取我落实状态字段的值(已落实1 未落实0)
2、当这个值为1 的时候开启开关,当值不为1的时候则生成一个开关按钮,其 HTML 标签为 label、input 和 span,同时会为 input 标签添加一个 onclick 事件,事件处理函数为 $.operate.add(row.djid)
3、在生成 input 标签的过程中,该函数会根据 value(即 'true')来决定开关按钮的状态是否为开启(checked)。
4、最后,该函数返回渲染好的开关按钮的 HTML 标签,供表格使用。
5.add方法是若依生成的,使用后会自动执行我后端接口中的add方法执行落实。