刚开始的时候,我们只写了弹出修改模态框,是没有数据回填的,如下代码,调用 openUpdate 函数
//打开修改模态框
functionopenUpdate(UacademeId)
{
$('formUpdateAcademeinput[type="reset"]').click();//重置表单
$("#modalUpdateAcademe").modal('show'); //弹出模态框
}
如下图,是不是没有数据回填
想要有数据回填,必须写的代码:在控制器写方法,对学院表进行筛选、查询
public ActionResult SelectAcademeById(int academeId)
{
try
{
SYS_Academe sysAcademe = (from tbA in myModel.SYS_Academe
where tbA.AcademeID ==academeId
select tbA).Single();
return Json(sysAcademe, JsonRequestBehavior.AllowGet);
}
catch (Exception e)
{
Console.WriteLine(e);
return Json("", JsonRequestBehavior.AllowGet);
}
}
再到视图进行异步提交,根据json对象填充form表单
//打开修改模态框
functionopenUpdate(UacademeId)
{
$('formUpdateAcademe input[type="reset"]').click();//重置表单
$.post("/SystemManagement/CollegeInfor/SelectAcademeById", //回填数据
{ academeId: UacademeId }, function (data) {
loadDatatoForm("formUpdateAcademe", data);
}, "json");
$("#modalUpdateAcademe").modal('show'); //弹出模态框
}
就这样一步步来,数据回填就出来了,希望能帮到大家解决数据回填的问题,效果如图