作者:老岑
上次我写到了一个參数没有定义,所以数据在页面上报错显示不出来。
function setOperate(data) {
var borrowmoneyID = data.BorrowMoneyID;
var btns = "";
btns += '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" onclick=overView(' + borrowmoneyID + ')>查看</button>';
btns += '<button type="button" class="layui-btn layui-btn-xs" onclick=openUpdate(' + borrowmoneyID + ')>修改</button>';
return btns;
}
所以我就给setOperate这个参数定义。
这是在页面显示出来的效果。
然后我就给查看和修改设置功能。
所谓查看,就是把他的数据给回填。
我们根据数据库里面的BorrowMoneyID来查看我们所需要查看的数据。
public ActionResult SelseBorrowMoneyByID(int BorrowMoneyID)
{
var listBorrong = (from tbBorrowMoney in myModels.B__BorrowMoney
join tbKindType in myModels.B__KindType on tbBorrowMoney.KindTypeID equals tbKindType.KindTypeID
join tbClinet in myModels.S_Client on tbBorrowMoney.ClientID equals tbClinet.ClientID
join tbUser in myModels.S_User on tbBorrowMoney.ClientID equals tbUser.UserID
join tbRepayment in myModels.B___Repayment on tbBorrowMoney.RepaymentID equals tbRepayment.RepaymentID
join tbPaymentMethod in myModels.B___PaymentMethod on tbBorrowMoney.RepaymentID equals tbPaymentMethod.PaymentMethodID
where tbBorrowMoney.BorrowMoneyID == BorrowMoneyID
select new
{
tbBorrowMoney.BorrowMoneyID,
tbBorrowMoney.Borrowing,
tbBorrowMoney.AuditStatus,
tbBorrowMoney.BorrowingBalance,
tbBorrowMoney.BorrowingTitle,
tbBorrowMoney.LifeLoan,
tbBorrowMoney.SubmissionTime ,
tbBorrowMoney.RateInterest,
tbKindType.KindName,
tbPaymentMethod.PaymentMethodName,
tbBorrowMoney.ManagementNote,
tbUser.UserName
}).Single();
return Json(listBorrong, JsonRequestBehavior.AllowGet);
}
连接控制器的路径,绑定数据,数据重置和回填,从而达到我所需查看的效果。
//查看
function overView(borrowmoneyID) {
$("#formBorrowMoney input[type='reset']").click();//重置表单
$("#modalBorrowMoney.modal-header h6").text("管理备注"); $("#modalBorrowMoney").modal();//弹出模态窗体
$.getJSON("/QJtabulation/BorrowMoney/SelseBorrowMoneyByID?BorrowMoneyID=" + borrowmoneyID,
function (data) {
$("#BorrowMoneyID").val(data.BorrowMoneyID);
$("#Borrowing").val(data.Borrowing);
$("#UserName").val(data.UserName);
$("#BorrowingTitle").val(data.BorrowingTitle);
$("#BorrowingBalance").val(data.BorrowingBalance);
$("#RateInterest").val(data.RateInterest);
$("#LifeLoan").val(data.LifeLoan);
$("#KindName").val(data.KindName);
$("#PaymentMethodName").val(data.PaymentMethodName);
$("#SubmissionTime").val(data.SubmissionTime);
$("#AuditStatus").val(data.AuditStatus);
$("#ManagementNote").val(data.ManagementNote);
$("#test").hide();
});
}
我在页面里点击查看
就这样把数据给回填,然后显示出来,就这样,我的项目第一个小模块完成了一大半。
待续。。。