数据回填

作者：老岑
回填首先要绑定数据库中的数据，要是没有数据怎么回填？
所以首先我们就绑定数据库中的数据
public ActionResult SelectEmployee(LayuiTablePage layuiTablePage)
{
List<PW_Employee> listEmployee = (from tbEmployee in myModel.PW_Employee
orderby tbEmployee.employeeID descending
select tbEmployee).Skip(layuiTablePage.GetStartIndex())
.Take(layuiTablePage.limit).ToList();
int intTotalRow = myModel.PW_Employee.Count();
LayuiTableData<PW_Employee> layuiTableData = new LayuiTableData<PW_Employee>()
{
count = intTotalRow,
data = listEmployee
};
return Json(layuiTableData, JsonRequestBehavior.AllowGet);
}
单单绑定数据库，没有媒介给它显示出来，所以就要对表格进行渲染
var tabemployee, layer, layuiTable;
blInsert = true;
$(document).ready(function () {
layui.use([‘layer’, ‘table’], function () {
layer = layui.layer, layuiTable = layui.table;
tabemployee = layuiTable.render({
cols: [[
{ title: ‘序号’, type: ‘numbers’ },
{ title: ‘员工编号’, field: ‘employeeNum’, align: ‘center’ },
{ title: ‘员工姓名’, field: ‘employeeName’, hide: true }, { title: ‘联系电话’, field: ‘telphone’, align: ‘center’ },
{ title: ‘家庭地址’, field: ‘address’, align: ‘center’ }, { title: ‘操作’, templet: setOperate, width: 160, align: ‘center’ }
]],
page: {
limit: 8,
limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
}
});
});
});
最后就可以数据回填了，记住要先把表单重置了在回填。
function openUpdate(employeeID) {
blInsert = false;
$("#formEmployee input[type=‘reset’]").click();//重置表单
$("#modalEmployee .modal-header h6").text(“修改员工信息”);//模态窗体的标题文字
$("#modalEmployee").modal(); //弹出模态窗体
//模态窗体中数据回填
$.getJSON("/Main/SelectEmployeeByID?EmployeeID=" + employeeID, function (data) {
//获取ID
$("#employeeID").val(data.employeeID);
$("#employeeNum").val(data.employeeNum);
$("#employeeName").val(data.employeeName);
$("#telphone").val(data.telphone);
$("#address").val(data.address);
});
}

这样就把所需要的数据给回填进来了