C# mvc for循环添加表格内容

HTML:
//提取单据事件
function Draw(record) {//record:bsgrid里的参数

        var DanJu = record.JinHuoDanID1;//获取进货单
        if (DanJu > 0) {

            $.getJSON("/JH/Stock/DaKanDanJuMX?JinHuoDanID=" + DanJu, function (data) {//jquery写法
                if (data.length > 0) {//判断商品的程度
                    $("#Number").val(data[0].DanJuCode)//进货编号填写
                    $("#ION").val(data[0].DanJuDate)//进货单据时间
                    for (var i = 0; data.length > i; i++) {
                        $("#ACaaf").append("<tr onclick='StrCt(this)'><th colspan='2'>" + "</th><th>" + "</th><th>" +
                        "</th><th>" + "</th><th>" + "</th><th>" + "</th><th>" +
                        "</th><th style='width:100px;height: 21px;'><input style='width:96px;height: 20px;'onblur='leave();'maxlength='4' value='" + "'/>"
                        + "</th><th style='width:151px;height: 21px;'><input style='width:148px;height: 20px;'maxlength='4' onblur='leave();' value='" + "'/>"
                        + "</th><th>" + "</th><th>" + "</th><th hidden>" + "</th><th hidden>" + "</th><th hidden>" + "</th><th hidden>" + "</th><th hidden>"
                        + "</th><th hidden>" + "</th><th hidden>" + "</th><th hidden>" + "</th><th hidden>" + "</th></tr>");
                        $("#ACaaf tr").eq(i).children().eq(0).text(data[i].ShangPinTM);//商品条码2
                        $("#ACaaf tr").eq(i).children().eq(1).text(data[i].ShangPinMC);//商品名称
                        $("#ACaaf tr").eq(i).children().eq(2).text(data[i].KuanCode);//款号
                        $("#ACaaf tr").eq(i).children().eq(3).text(data[i].ColorMC);//颜色名称
                        $("#ACaaf tr").eq(i).children().eq(4).text(data[i].SizeMC);//尺码名称
                        $("#ACaaf tr").eq(i).children().eq(5).text(data[i].DiaoPaiMoney);//吊牌价
                        $("#ACaaf tr").eq(i).children().eq(6).text(data[i].UnitMC);//单位名称
                        $("#ACaaf tr").eq(i).find("input").eq(0).val(data[i].ShuLiang);//进货数量
                        $("#ACaaf tr").eq(i).find("input").eq(1).val(data[i].JinHuoMoney);//进货价
                        $("#ACaaf tr").eq(i).children().eq(9).text(data[i].CBMoney);//进货合计
                        $("#ACaaf tr").eq(i).children().eq(10).text(data[i].DPMoney);//吊牌合计
                        $("#ACaaf tr").eq(i).children().eq(11).text(data[i].ShangPinTypeID);//商品类别ID
                        $("#ACaaf tr").eq(i).children().eq(12).text(data[i].XiaoShozheko);//销售折扣
                        $("#ACaaf tr").eq(i).children().eq(13).text(data[i].JiJieID);//季节ID
                        $("#ACaaf tr").eq(i).children().eq(14).text(data[i].ZheHouJia);//折后价
                        $("#ACaaf tr").eq(i).children().eq(15).text(data[i].PinPaiID);//品牌ID
                        $("#ACaaf tr").eq(i).children().eq(16).text(data[i].ColorID);//颜色ID
                        $("#ACaaf tr").eq(i).children().eq(17).text(data[i].UnitID);//单位ID
                        $("#ACaaf tr").eq(i).children().eq(18).text(data[i].SizeID);//尺码ID
                        $("#ACaaf tr").eq(i).children().eq(19).text(data[i].jinhuozheko);//进货折扣ID
                        $("#ACaaf tr").eq(i).find("input").eq(0).attr("onkeyup", "value = value.replace(/[^0-9|-]/g, '')");//
                        $("#ACaaf tr").eq(i).find("input").eq(1).attr("onkeyup", "value = value.replace(/[^0-9|-|.]/g, '')");

                    }
                }
            })
        }
    }
    UIL:
      public ActionResult DaKanDanJuMX(int JinHuoDanID)
    {

        var lian = (from tbJinHuoMX in myModels.Base_JinHuoMX
                    join tbJinHuoDan in myModels.Base_JinHuoDan on tbJinHuoMX.JinHuoDanID equals tbJinHuoDan.JinHuoDanID
                    join tbKuCun in myModels.JC_KuCun on tbJinHuoMX.KuCunID equals tbKuCun.KuCunID
                    join tbShangPinMX in myModels.Base_ShangPinMX on tbKuCun.ShangPinMXID equals tbShangPinMX.ShangPinMXID
                    join tbShangPin in myModels.JC_ShangPin on tbShangPinMX.ShangPinID equals tbShangPin.ShangPinID
                    join tbColor in myModels.JC_Color on tbShangPinMX.ColorID equals tbColor.ColorID
                    join tbSize in myModels.JC_Size on tbShangPinMX.SizeID equals tbSize.SizeID
                    join tbUnit in myModels.JC_Unit on tbShangPin.UnitID equals tbUnit.UnitID
                    select new BaoChungDanju
                    {
                        ShangPinTM = tbShangPinMX.ShangPinTM,//商品编码
                        ShangPinMC = tbShangPin.ShangPinMC,//商品名称
                        KuanCode = tbShangPin.KuanCode,//款号
                        ColorMC = tbColor.ColorMC,//颜色名称
                        SizeMC = tbSize.SizeMC,//尺码名称
                        UnitMC = tbUnit.UnitMC,//单位名称
                        ShuLiang = tbJinHuoMX.ShuLiang,//进货数量                                       
                        JinHuoMoney = tbJinHuoMX.JinHuoMoney,//进货价
                        CBMoney = tbJinHuoMX.ShuLiang * tbJinHuoMX.JinHuoMoney,//进货合计
                        DiaoPaiMoney = tbShangPin.DiaoPaiMoney,//吊牌价
                        DPMoney = tbJinHuoMX.ShuLiang * tbShangPin.DiaoPaiMoney,//吊牌合计
                        XiaoShozheko = tbShangPin.XiaoShozheko,//销售折扣
                        ShangPinTypeID = tbShangPin.ShangPinTypeID,//商品类别ID                                     
                        JiJieID = tbShangPin.JiJieID,//季节ID
                        ZheHouJia = tbShangPin.ZheHouJia,//折后价
                        PinPaiID = tbShangPin.PinPaiID,//品牌ID
                        ColorID = tbShangPinMX.ColorID,//颜色ID
                        UnitID = tbShangPin.UnitID,//单位ID
                        SizeID = tbShangPinMX.SizeID,//尺码ID
                        jinhuozheko = tbJinHuoMX.jinhuozheko,//进货折扣
                        JinHuoDanID = tbJinHuoMX.JinHuoDanID,//进货单ID
                        DanJuCode = tbJinHuoDan.DanJuCode,//进货编号
                        DanJuDate = tbJinHuoDan.DanJuDate.ToString(),//单据时间
                    }).ToList();
        if (JinHuoDanID > 0)
        {
            lian = lian.Where(m => m.JinHuoDanID == JinHuoDanID).ToList();
        }

        return Json(lian, JsonRequestBehavior.AllowGet);
    }
    效果图:

在这里插入图片描述
说明:这是应用for循环添加的表格内容,没有用到bsgrid表格插件。

猜你喜欢

转载自blog.csdn.net/weixin_44589378/article/details/86663880