改变表单格的状态演示

作者：张铭标

撰写时间：2019年9月 17日

这里使用了layui插件,主要是对layui表格进行审核和反审核的一个操作演示:

一,首先在初始化表格的时候要设置好需要改变状态的某一字段,使用templet: setState,来进行状态的设置.

{ title: ‘审核状态’, templet: setState, width: 100, align: ‘center’ },

二,就是要写一个方法对这个审核状态进行设置:

//设置审核状态

    function setState(data) {

        //console.log(data);

        var ToAuditNo = data.ToAuditNo;

        if (ToAuditNo == true) {

            return "<span

style=‘color:green;’>已审核";

        } else {

            return "<span

style=‘color:red;’>未审核";

        }

    }

这里我对审核状态进行了,已审核,和.未审核.的样式颜色之类的设置

三,在控制器写修改审核状态的方法:

public ActionResult modifyRecordState(int
AppointmentID, bool ToAuditNo)

    {

        PW_Appointment dbAppointment =

myModels.PW_Appointment.Where(m => m.AppointmentID ==
AppointmentID).Single();

        if (dbAppointment != null)

        {

            dbAppointment.ToAuditNo =

ToAuditNo;

            myModels.Entry(dbAppointment).State

= EntityState.Modified;

            myModels.SaveChanges();

            return Json(true,

JsonRequestBehavior.AllowGet);

        }

        else

        {

            return Json(false,

JsonRequestBehavior.AllowGet);

        }



    }

主要是根据AppointmentID这个id来查询出这个表的单条数据,然后也定义了ToAuditNo为bool类型,最后再写一个if,else的判断:如果这个表不为空则这个表的ToAuditNo就为ToAuditNo,然后执行修改操作最后保存返回true,否则就返回false.

在上面对审核状态进行设置的时候就已经设置好了当ToAuditNo为true时就会将状态改为绿色的已审核,否则就会变成红色的未审核.