多条数据回填

实现多条数据的回填还有插入单条数据或者多条数据的或者在回填的数据大于页面已有的行的数量自增行回填数据等等复杂的功能，如下我们需要回填多条的商品数据，在选中商品数据小于页面已有的而且还为空的行的数据的情况下可以进行遇到空的行就回填数据，如果选中商品的数量大于页面已有的空行条数，那么在回填所有空的行的时候同时记录已经回填的数据条数，把剩下的条数当作条件去for循环添加行的同时也回填数据，
function BackfillData() {
$("#myModal1").modal(‘hide’);
var checkStatus = layuiTable.checkStatus(‘tabAcademe’);
var date = checkStatus.data;
var date1 = date[0];
var dd = $("#CommodityName1").val();
var GG = $(“tbody tr).length - 1;//获取到页面已有的tr条数-1
var jj = 0;//记录已经回填的数据条数
for (var i = 0; i < GG; i++) {
var tr = $(”#asdf").children();//获取到页面已有的tr
var td = tr[i].children;//获取到第i+1条tr
var input = td[1].children; //获取到第i+1条tr里的第二个td里面的input标签
var stdate = $(input).val();//获取input标签里面的值
if (stdate == “” || stdate == undefined) {//判断input标签的值是否为空，如果为空就回填第jj条数据
$(td[1].children).val(date[jj].CommodityName);
$(td[2].children).val(date[jj].CommodityNumber);
$(td[3].children).val(date[jj].CommodityAttribute);
$(td[4].children).val(date[jj].Units);
$(td[5].children).val(date[jj].SIDStockQuantity);
$(td[6].children).val(date[jj].ReferenceStockPrice);
$(td[7].children).val(date[jj].SIDStockQuantity * date[jj].ReferenceStockPrice);
$(td[8].children).val(“1”);
$(td[9].children).val(date[jj].SIDStockQuantity * date[jj].ReferenceStockPrice * 1 / 100);
$(td[10].children[0]).val(date[jj].Explain);
$(td[10].children[1]).val(date[jj].CommodityID);
jj = jj + 1;
if (date.length == jj) {
return;
}
}
}
var LL = date.length - jj;

        if (LL > 0) {//判断执行完回填空的行的之后判断是否还有数据没有没有回填，如果还有就进行新增行的同时也回填数据的操作，直到所有的数据都被回填才结束
    for (var i = 0; i < LL; i++) {
                var mm = jj + i;
                if (date[mm].Explain == undefined) {
                    date[mm].Explain = "";
                }
                if (date[mm].taxRate == undefined) {
                    date[mm].taxRate = "";
                }
                if (date[mm].UnittaxAmount == undefined) {
                    date[mm].UnittaxAmount = "";
                }
                console.log(date[mm].CommodityAttribute);
                var str = '<tr>' + '<td align="center" valign="middle" >' + '<span class="num" style="width:40px;">' + '</span>' + '<span>' + '<input type="button" value="×" class="num1" style="float:left;"/>' + '<input type="button" value="+" class="num2" style="" />' + '</span>' + '</td>' + '<td>' + '<input readonly="readonly" name="CommodityName" type="text" class="receiptsInputText" value="' + date[mm].CommodityName + '">' + '</td>' + '<td>' + '<input readonly="readonly" name="CommodityNumber" value="' + date[mm].CommodityNumber + '" type="text" class="receiptsInputText">' + '</td>' + '<td>' + '<input readonly="readonly" name="AttributeName" value="' + date[mm].CommodityAttribute + '" type="text" class="receiptsInputText">' + '</td>' + '<td>' + '<input readonly="readonly"  name="Units" value="' + date[mm].Units + '" type="text" class="receiptsInputText">' + '</td>' + '<td>' + '<input name="SIDStockQuantity" value="' + date[mm].SIDStockQuantity + '" type="text" class="receiptsInputText">' + '</td>' + '<td>' + '<input  name="SIDUnivalence" value="' + date[mm].ReferenceStockPrice + '" type="text" class="receiptsInputText" >' + '</td>' + '<td>' + '<input  name="money" value="' + date[mm].SIDStockQuantity * date[mm].ReferenceStockPrice + '" readonly="readonly" type="text" class="receiptsInputText" />' + '</td>' + '<td>' + '<input  name="SIDTaxRate" value="1" type="text" class="receiptsInputText" >' + '</td>' + '<td>' + '<input readonly="readonly" name="UnittaxAmount" value="' + date[jj].SIDStockQuantity * date[jj].ReferenceStockPrice * 1 / 100 + '" type="text" class="receiptsInputText">' + '</td>' + '<td>' + '<input readonly="readonly" name="Explain" value="' + date[mm].Explain + '" type="text" class="receiptsInputText">' + '<input name="CommodityID" value="' + date[mm].CommodityID + '" type="hidden" />' + '</td>' + '</tr>'
                $("#heji").before(str);
                SerialChange();
            }
        }
        amount();
    }

在这里插入图片描述