回填数据一般在修改或者在某些特定的数据中回填所需要的数据。今天就来说一下修改回填数据。回填数据可以跨页面回填,也可以是模态框回填数据,我今天写的是跨页面回填数据。
首先写一下请求需要修改的数据的路径,把需要回填的数据的数查询出来。
路径如下图:(我用的是post提交,其他的提交方式也可以)
图1
然后再在服务器(控制器)写查询的代码,代码如下图:
图2
把数据查询出来后就把数据返回到页面,然后获取到需要回填数据的值,然后判断查询到的数据是否为空,为空则提示参数异常,不为空则回填数据到页面,具体代码如下:
function openUpdate(SupplierID) {
//重置表单
$("#dataValidationForm")[0].reset();
//请求修改的数据
$.post("/TubeCustomer/SupplierManagement/selectSupplierById",
{ SupplierID: SupplierID },
function (data) {
if (data != null) {
$("#USupplierID").val(data.SupplierID);
$("#suppliercode").val(data.SupplierNum);
$("#suppliername").val(data.SupplierName);
$("#companytel").val(data.Telephone);
$("#supplierlink").val(data.Contacts);
$("#suppliertel").val(data.ContactNumber);
$("#initpayamt").val(data.InitialArrears);
$("#supplieraddress").val(data.address);
$("#supplierqq").val(data.QQ);
$("#issupplierstatestop").val(data.Status);
$("#supplieremail").val(data.Mailbox);
$("#supplierremark").val(data.Remarks);
$("#supplierfax").val(data.Fax);
$("#supplierzipcode").val(data.Postcode);
} else {
layer.alert("参数异常!");
}
}, 'json');
}
这样,回填数据就做好了!具体效果如下图显示:(由于页面太大(这里是跨页面回填数据),只是截图小部分的信息其他的信息也是回填了的!)
图3
看完这个数据回填是不是觉得很简单呢!赶快学起来吧!如果有哪里写的不对,获取这有其他意见的请联系我或在评论区评论,我会留意和更改的。