项目开始阶段(四)

作者:老岑

上次我的项目三写到了查看,然后数据回填成功了,接下来,我就接着上次的继续写下去,审核和查看,他们的功能是不一样的,效果也是不一样的,点击查看的时候数据是不能够审核的,上次的我就还没在查看模态框那里加上“readonly” 这个属性,所以那时候点击查看的时候数据还是能改动的,虽然不能保存,这是我上次还没有完善的一个小缺点。
这是我现在的查看效果。
在这里插入图片描述
审核不需要这个属性,而查看需要,那该怎么办??
我就用了两个模态框,一个查看,一个是审核
在这里插入图片描述
因为审核的代码量有点大我就先把回填逻辑放出来了讲一讲,下一次就好讲解如何去实现审核了。
审核?就是在原有的数据上进行审核,所以我们要先把他原有的数据回填出来,
//审核点击并回填事件
function openUpdate(borrowmoneyID) {
$("#UpformBorrowMoney input[type=‘reset’]").click();//重置表单
//绑定期限下拉框
createSelect("#UpLifeLoan", “/QJtabulation/BorrowMoney/SleseLife?BorrowMoneyID=” + borrowmoneyID);
//绑定借款类型下拉框
createSelect("#UpKindName", “/QJtabulation/BorrowMoney/SelectKindType?BorrowMoneyID=” + borrowmoneyID);
//绑定还款方式下拉框
createSelect("#UpPaymentMethodName", “/QJtabulation/BorrowMoney/SelecPayment?BorrowMoneyID=” + borrowmoneyID);
//数据回填
$.post(“SelseBorrowMoneyByID”, { borrowmoneyID: borrowmoneyID }, function (data) {
//下拉框回填的数据
createSelect("#UpLifeLoan", “/QJtabulation/BorrowMoney/SleseLife”, data.BorrowMoneyID);
createSelect("#UpKindName", “/QJtabulation/BorrowMoney/SelectKindType”, data.KindTypeID);
createSelect("#UpPaymentMethodName", “/QJtabulation/BorrowMoney/SelecPayment”, data.KindTypeID);
//其他模态框的回填数据
loadDatatoForm(“UpformBorrowMoney”, data);
$("#UpmodalBorrowMoney").modal(“show”);//弹出模态窗体
})
}
这就可以把数据回填出来了,“post”下面的才是数据回填的代码,而上面的是因为我那个审核回填的模态框有点不太一样,回填的时候还要绑定下拉框,虽然是审核,但是也不能够随便去审核数据,在审核里面不能够审核的就在审核模态框那里加上“readonly” 这个属性,而一些可以审核,但是又不能够随便审核的怎么办?我们就制定好怎么样才能够审核字段给可以审核的人去审核,所以“post” 上面的那些代码就是通过控制器绑定数据库,然后只能选择里面我们给它设定好的字段。
这就是我这个审核模态框的回填数据和基本的效果了。
剩下的就留下次分解了。。。
待续。。。

猜你喜欢

转载自blog.csdn.net/weixin_44541224/article/details/93964015