数据回填和重置表单

数据回填和重置表单

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

开发工具与关键技术：Visual Studio 2015、数据回填和重置表单

作者：梁柏源

撰写时间：2019/4/20

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

大家好，这次分享的是数据的回填和表单的重置。

一般我们在修改已有数据的时候都会发现有之前的数据，这就是数据的回填，

意思就是假设要修改一个数据表单，点开后它要有之前的数据，来让我们修改，之前的数据是怎么来的，就是数据的回填。

表单的数据回填或重置表单一般都是由模态框来显示，所以在这之前必须弹出一个模态框

弹出模态框：

            $("#Modal_frame").modal("show");

一般表单的数据回填都是根据json对象来填充的

控制器：

public ActionResult Backfill (int gradeId)

        {

            try

            {

                SYS_Grade acGrade = (from tbGrade in myModel.SYS_Grade

                                      where tbGrade.GradeID == gradeId

                                      select tbGrade).Single();

                return Json(acGrade, JsonRequestBehavior.AllowGet);

            }

            catch (Exception e)

            {

                Console.WriteLine(e);

                return Json("", JsonRequestBehavior.AllowGet);

            }

        }

页面js：
function openUpdate(gradeId)

        { 

            //回填

            $.post("/区域/控制器/ Backfill（页面） ",

               { gradeId: gradeId },

               function (data) {

                   loadDatatoForm("formUpdateGrade", data);//根据json对象填充form表单

               }, "json");

            //打开模态框

            $("#modalUpdateGrade").modal('show');

        }

这是就是json回填的方法，当然有些是图片和下拉框的就另当别论：

图片信息的回填：

$("#Image").attr("src", "/Management/Examinee/GetStudentImage?studentID=" + studentID)

下拉框数据回填：

$.post("SelectStudentById", { StudentID: studentID }, function (data) {      

班级下拉框数据绑定&数据回填：

edSelect("UsClass", "/ExaminationManagement/SetExaminee/SelectClass?GradeID=" + data.GradeID + "&specialtyId=" + data.SpecialtyID, data.ClassID);

其他表单信息的数据回填：

                loadDatatoForm("formUpdate", data)

弹出模态框：

                $("#modUpdate").modal("show");

            })

既然有表单的数据回填当然也有表单的重置——重置表单，为了防止新增和修改时的回填发生冲突，

所以在新增数据之前必须重置表单

重置表单：

$('#form input[type="reset"]').click();//这是最简单的

reset 是重置的意思，也有一些表单的回填是有图片的，所以也要清空图片：

也有一些是有下拉框的，同样要清空；

清空图片：

$("#Image").attr("src", "");

清空下拉框：

            $("#one").empty();

            $("#two").empty();

            $("#three").empty();

本期的分享内容此结束。