项目开始阶段(三)

作者:老岑

上次我写到了一个參数没有定义,所以数据在页面上报错显示不出来。

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();
        });
    }

我在页面里点击查看
在这里插入图片描述
就这样把数据给回填,然后显示出来,就这样,我的项目第一个小模块完成了一大半。
待续。。。

猜你喜欢

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