本文介绍了一个在点击修改按钮时，如何利用JavaScript实现数据回填到模态框中的示例。通过调用`openUpdateModal`函数并传递员工ID，先清空表单，然后使用`$.post`请求`selectEmployeeById`接口获取员工信息，将数据填充到相应的输入字段。同时，使用`createSelect`方法和`loadDatatoForm`方法处理部门和职位的下拉框数据回填。最后展示了模态框的显示和关闭操作。
数据回填
开发工具与关键技术：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
selectDep
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
