数据回填

最新推荐文章于 2022-09-12 11:23:12 发布

weixin_44545643

最新推荐文章于 2022-09-12 11:23:12 发布

阅读量344

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_44545643/article/details/89818797

版权

博客介绍了点击修改时弹出修改模态框，且框内数据会回填的情况。通过示例说明修改模态框数据绑定回填的过程，包括重置表单、查询员工信息回填数据、下拉框数据绑定与回填等，还提及了模态框弹出和关闭的写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


开发工具与关键技术：VS、MVC

作者：黎官凤

撰写时间：2019/04/30

在我们点击修改的时候会弹出一个修改的模态框，并且修改模态框里面的数据会进行回填。

下面让我们来举例说明修改模态框数据是怎么绑定回填的。
在这里插入图片描述

在这里插入图片描述

//弹出修改的模态框

openUpdateModal
修改按钮的id EmployeeID 员工ID所要修改信息的ID（）

function
openUpdateModal(EmployeeID【参数】) {

//重置表单

FormUpdateExaminee
模态框内容id

$("#formUpdateExaminee").resetForm()

//查出员工信息，回填数据

selectEmployeeById
在控制器查询员工信息的方法名

前面那个是控制器传过来的
后面那个是写弹出的模态框的参数名

$.post(“selectEmployeeById”, { EmployeeID:
EmployeeID }, function (stuData) {

stuData
接受由控制器传过来的数据

//部门下拉框数据绑定&数据回填

createSelect这是一个方法需要引用js插件（customfunction.js）

UsDepartment
这是需要回填数据的id

selectDepartment
控制器查询下拉框数据的方法名

DepartmentID
你查询所需要的名字

            createSelect("UsDepartment", "selectDepartment", stuData.DepartmentID);

//职位下拉框数据&数据回填

createSelect这是一个方法需要引用js插件（customfunction.js）

UsPosition这是需要回填数据的id

selectPosition控制器查询下拉框数据的方法名

PositionID
你查询所需要的名字

            createSelect("UsPosition", "selectPosition",

stuData.PositionID);

EmployeeId
需要隐藏域信息的ID

            $("#EmployeeId").val(stuData.EmployeeID);//员工ID 

            $("#UserId").val(stuData.UserID);//用户ID



            //其他表单数据回填

loadDatatoForm这是一个方法需要引用js插件（customfunction.js）

formUpdateExaminee
这是模态框内容ID

            loadDatatoForm("formUpdateExaminee", stuData);

});

        //弹出模态框

modUpdateExaminee
模态框窗体的id

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

    }

下面是数据回填的效果图

在这里插入图片描述

模态框有弹出就有关闭，只是关闭是在保存的时候写的。

下面就是弹出、关闭模态框的写法

在这里插入图片描述