回填数据

回填数据一般在修改或者在某些特定的数据中回填所需要的数据。今天就来说一下修改回填数据。回填数据可以跨页面回填,也可以是模态框回填数据,我今天写的是跨页面回填数据。
首先写一下请求需要修改的数据的路径,把需要回填的数据的数查询出来。
路径如下图:(我用的是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
看完这个数据回填是不是觉得很简单呢!赶快学起来吧!如果有哪里写的不对,获取这有其他意见的请联系我或在评论区评论,我会留意和更改的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值