开发工具与关键技术:VS, MVC
作者:谭威
撰写时间:5月15日
上图就是完成后的效果图,其实这些按钮的原始颜色都是白色的,为了少张图,我将偶数行的按钮都换成另外的颜色,讲到这里,想必不少人已经猜到我所要讲的地方了,没错,我要讲的就是点击操作下方的按钮后它就会从原始的白色切换到绿色,再点击一次,它又变成白色的按钮;看过我之前的文章的人知道,我之前讲过一个类似的,不过这里可和之前的有点不一样,之前要还发送请求到控制器中,进而改变表中的数据,这里却不需要发送请求到控制器中,这里只需要在视图就可以轻松完成;至于这个表格的初始化,请参照layui的文档编写,在这里我就不过多解释了。
这里我写的是新增部分的,所以注册表中的点击事件不是很难 。在这里我得先声明一个新的数组arrModularDetailIds,(这句话是写在最前面的,作为全局变量使用的,因为这段代码有这么一个数组,同时也为减少一张图,我不得不暂时将这句话放在这段代码前面),接着我再给这个表格的按钮赋予点击事件(tabModularDiv是这个表格的ID,btnton.btnOperater是这个表格按钮的类),然后我用modularDetailID来接收到这张表格中按钮的ID(其实每个按钮的背后都有一个ID),接着判断我点击的这个按钮是否拥有layui-btn-primary这个类(这个类会让按钮变成绿色),若没有,则给这个按钮加上这个类,再将这个按钮背后的ID添加到arrModularDetailIds中;若存在这个类,则把这个按钮的这个类去掉,再将这个按钮背后的ID从 arrModularDetailIds中删掉,最后就是在控制台中显示arrModularDetailIds添加或者是删除的数字。