欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

点击按钮进行新增数据

程序员文章站 2022-04-28 10:00:46
...

1点击修改的时候应该弹出来一个修改的模态窗体,首先给修改按钮一个点击事件,用ID选择器找到修改的元素再给它一个点击事件或者直接在按钮上给它一个onclick事件,在点击事件里调用你写好的方法。function Update(id){alert(id);}
点击按钮进行新增数据
2然后Update里面弹出来一个模态窗体,选择直接弹出的模态窗体,然后给它一个Model方法
找到模态窗体的id

点击按钮进行新增数据
模态窗体弹出来之后进行数据绑定和数据的回填

function Update(id) {
            //alert(id);
            $("#formUpdateAcademe input[type='reset']").click();
            $("#modalUpdateAcademe").modal();
            if (id!="") {
                $.get("/CollegeInfor/SelectAcademeByID?AcademeID="+id, function (data) {
                    console.log(data);
                    // console.log(data[0].AcademeCode);
                    $("#UAcademeCode").val(data.AcademeCode);1
                    $("#UAcademeName").val(data.AcademeName);2
                    $("#AcademeID").val(data.AcademeID)3数据回填
                });
            }

        }

3在控制器里写数据查询的方法:如下代码

 public ActionResult SelectAcademeByID(int AcademeID)
    {
        try
        {
            var list = (from tbAcademe in myModel.SYS_Academe
                        where tbAcademe.AcademeID == AcademeID
                        select new
                        {
                            tbAcademe.AcademeID,
                            tbAcademe.AcademeName,
                            tbAcademe.AcademeCode
                        }).Single();
            return Json(list, JsonRequestBehavior.AllowGet);
        }
        catch (Exception)
        {
            return Json(null, JsonRequestBehavior.AllowGet);

        }
    }

有了数据之后,console.log(data).进行数据输出

数据获取到之后,进行数据绑定和数据回填

3执行修改操作,把数据传到控制器进行修改,到控制器写一个方法接收传递过来的参数,如图,代码

public ActionResult UpdateAcademe(int AcademeID,string AcademeName,string AcademeCode)
        {
            ReturnJson msg = new ReturnJson();
            msg.State = false;
            if (!string.IsNullOrEmpty(AcademeName) && !string.IsNullOrEmpty(AcademeCode))
            {
                var mod = myModel.SYS_Academe.Where(m => m.AcademeID == AcademeID).Single();
                mod.AcademeName = AcademeName;
                mod.AcademeCode = AcademeCode;

                myModel.Entry(mod).State = System.Data.Entity.EntityState.Modified;
                myModel.SaveChanges();
                msg.State = true;
                msg.Text = "修改成功!";
            }
            else {
                msg.Text = "数据输入不完整";
            }
           

            return Json(msg,JsonRequestBehavior.AllowGet);
        }

获取的数据提交到控制器的方法,修改的数据,提交数据:如代码

function savaUpdate()
        {
            var name = $("#UAcademeName").val();
            var code = $("#UAcademeCode").val();
            var id = $("#AcademeID").val();
            if (name != "" && code!="") {
                $.post("/CollegeInfor/UpdateAcademe",
                    { AcademeID: id, AcademeName: name, AcademeCode: code }, function (msg) {
                        if (msg.State) {
                            TabAcademe.reload();
                            $("#modalUpdateAcademe").modal('hide');
                        }
                        layer.alert(msg.Text);

                })
            } else {
                layer.alert("数据输入不完整", {icon:1});
            }
        }