项目开始阶段（三） - 好文

作者：老岑

上次我写到了一个參数没有定义，所以数据在页面上报错显示不出来。
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(); }); }
我在页面里点击查看

就这样把数据给回填，然后显示出来，就这样，我的项目第一个小模块完成了一大半。
待续。。。

热门工具换一换