状态按钮改变字体颜色事件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS 与 Layui

作者：梁英豪

撰写时间：2019年7月28日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

状态按钮改变字体颜色事件

在一张表格中，虽然要把每一列的颜色全部变化其实不是一种很难的事情，但是要把一行中的按钮来改变表格中那一行的颜色就不好说了。其实在做练习的过程中是碰到过的，但是换另外一种方式来渲染就搞不懂了。就是 “换汤不换药”这种意思。但现实生活中会碰到过这些小小的技术点吗？例如：看病过程中。如果要下班了就先按停诊按钮，就像是标志一下看病的病人已经看到这个地方了。这就是这个技术点的小小功能。那要怎么操作呢？

这个类似于“启用”和“作废”这两个按钮切换一样。步骤也很类似。

第一步。添加自定义的操作按钮。在渲染表格中在每一列中都给它一个不同的操作按钮，就是已templet这个样板结尾。我这里的话就是给每一列都添加了，因为要改变的话就全部的字体都会变化，要改变多少都可以想要的就可以。所以这就是自定义按钮。

第二步。封装方法简洁页面。这个封装的方法也是受人指教，印象也是很深刻。这是一个已经封装好的方法，有效部分就是红色，作废部分就是蓝色。颜色随性格喜欢就可以。如果不封装这个方法的话就会按这个代码多打几遍，有多少个要渲染就打多少遍。封装之后就会少打很多代码了不信就看看第三步咯！

第三步。添加一列要改变的代码。为什么要说是一列而不是一行呢？因为在表格中，每一行都是以表头的形式存在的，渲染就是渲染一列。所以这次就把全部的都改变了颜色。

这样就把通过状态的按钮，改变颜色的功能做好了。虽然不是很难，但这也算是一个小小的技术点吧。