系統(tǒng)業(yè)務(wù)需要
表格table的數(shù)據(jù)，根據(jù)用戶的選擇來加載的

append()方法

拼接元素

function selectAssayItem(el, id) {var sampBizModeId = $(el).closest("tr").find("td[columnname='sampBizModeId']").text();var testObjectId = $(el).closest("tr").find("td[columnname='testObjectId']").text();if (!sampBizModeId) {$.app.alert({title: "警告",message: "請(qǐng)先選擇檢測(cè)對(duì)象!"});return;}var url = ctx + "/biz/assay/assay-order/select-assay-item?sampleId=" + id + "&testObjectId=" + testObjectId + "&sampBizModeId=" + sampBizModeId;$.app.modalDialog("選擇檢測(cè)項(xiàng)目", url, {width: 980, height: 650,ok: function (modal) {if ($('#table-fxxmmx').find("tbody tr").length == 0) {$.app.alert({title: "提示",message: "請(qǐng)選擇需要檢測(cè)的項(xiàng)目"});return;}//獲取form的所有字段和值var selectItemTableData = getTableContent($('#table-fxxmmx'));//獲取化驗(yàn)項(xiàng)目var assayItemNames = "";var assayItems = JSON.parse(selectItemTableData);$.each(assayItems, function (j, item) {if (assayItemNames == "") {assayItemNames += item['assayItemName'];} else {assayItemNames += "," + item['assayItemName'];}});var money = $('#shoufeijine').val();//獲取選擇的組合項(xiàng)目idsvar selectItemCateIds = "";var checkbox = $.table.getAllSelectedCheckbox($("#table-zhxm"));if (checkbox.length) {var arr = checkbox.serializeArray();$.each(arr, function (i, item) {if (selectItemCateIds == "") {selectItemCateIds += item.value;} else {selectItemCateIds += "," + item.value;}});}//把選擇的數(shù)據(jù)寫入表格中$(el).parent().parent().find('td').each(function (i, td) {if ($(td).attr('columnname')) {if ($(td).attr('columnname') == 'selectItemTableData') {//化驗(yàn)項(xiàng)目table數(shù)據(jù)$(td).html('');$(td).append(selectItemTableData);} else if ($(td).attr('columnname') == 'totalCost') {$(td).html('');$(td).append(money);} else if ($(td).attr('columnname') == 'assayItemNames') {//化驗(yàn)項(xiàng)目中文名稱$(td).html('');$(td).append(assayItemNames);} else if ($(td).attr('columnname') == 'selectItemCateIds') {//選擇的化驗(yàn)項(xiàng)目分組$(td).html('');$(td).append(selectItemCateIds);}}});$.app.cancelModelDialog();// $.table.initCheckbox($('#sampleTable'));//選擇完化驗(yàn)項(xiàng)目之后需要重新遍歷表格的化驗(yàn)費(fèi)用 寫入委托單的表單中var assayCostCount = 0;$('#sampleTable').find("tbody tr").each(function (i, item) {$.each(item.childNodes, function (j, item) {var columnName = $(item).attr("columnName");if (columnName == "totalCost") {var value = item.innerHTML;if (value) {assayCostCount += parseFloat(value);}}});});$("#assayCostCount").val(assayCostCount);$("#sampRegAmount").val($('#sampleTable').find("tbody tr").length);//樣品數(shù)量},showAfter: function () { //回寫已經(jīng)選擇的化驗(yàn)項(xiàng)目信息var selectItemTableData = "";var money = "";var selectItemCateIds = "";//把選擇的數(shù)據(jù)寫入表格中$(el).parent().parent().find('td').each(function (i, td) {if ($(td).attr('columnname')) {if ($(td).attr('columnname') == 'selectItemTableData') {//化驗(yàn)項(xiàng)目table數(shù)據(jù)selectItemTableData = $(td).html();} else if ($(td).attr('columnname') == 'totalCost') {money = $(td).html();} else if ($(td).attr('columnname') == 'selectItemCateIds') {selectItemCateIds = $(td).html();}}});if (selectItemTableData != "") {$("#shoufeijine").val(money);var jcxmTrs = $("#table-jcxm").find("tbody tr");var jsonData = JSON.parse(selectItemTableData);//遍歷單項(xiàng)表格 然后把包括在分組中的化驗(yàn)項(xiàng)目勾上jcxmTrs.each(function (i, tr) {var itemId = $(tr).find("td[columnname='id']").html();for (var i = 0, len = jsonData.length; i < len; i++) {if (itemId == jsonData[i].assayBizItemId) {var cb = $(tr).find(":checkbox");cb.prop("checked", true);}}});//添加已經(jīng)選擇的化驗(yàn)項(xiàng)目$("#table-fxxmmx tbody").html('');$.each(jsonData, function (j, item) {var checked = "";if (item.reportable == 1) {checked = 'checked="checked"';} else {checked = '';}var tr = $('<tr></tr>');var td0 = '<td columnName="reportable" class="check"><input name="ids" type="checkbox" ' + checked + ' ></td>';var td1 = $('<td columnName="assayItemName" ></td>').append(item.assayItemName);var dataValue ="";var dataName = "";if (item.assayStandard) {dataValue = item.assayStandard;dataName = item.assayStandardName;}var td2 = $('<td columnName="assayStandard" data-dataId="'+item.assayItemNo+'"></td>').append('<a href="#" data-dataId="'+item.assayItemNo+'" data-value="'+dataValue+'" >' + dataName + '</a>'); /*檢測(cè)標(biāo)準(zhǔn)*/var td3 = $('<td columnName="settSum"></td>').append(item.settSum != null ? item.settSum : item.assayItemCost);var td4 = $('<td columnName="assayBizItemId" style="display: none"></td>').append(item.assayBizItemId);var td5 = $('<td columnName="bizItemId" style="display: none"></td>').append(item.assayItemNo);var a = $('<a href="#" onclick="del(this);"><i class="icon-trash"></i> </a>');var td6 = $('<td style="text-align: center"></td>').append(a);tr.append(td0).append(td1).append(td2).append(td3).append(td4).append(td5);//.append(td6);// 添加保存的樣品信息到表格$("#table-fxxmmx tbody").append(tr);if (item.assayBizItemCharge) {money += item.assayBizItemCharge;}});$.table.initCheckbox($('#table-fxxmmx'));}if (selectItemCateIds != "") {var zhxmTrs = $("#table-zhxm").find("tbody tr");// 遍歷單項(xiàng)表格 然后把包括在分組中的化驗(yàn)項(xiàng)目勾上zhxmTrs.each(function (i, tr) {var itemId = $(tr).find("td[columnname='id']").html();if (selectItemCateIds.indexOf(itemId) != -1) {var cb = $(tr).find(":checkbox");cb.prop("checked", true);}});}}}); }

總結(jié)

以上是生活随笔為你收集整理的JSP页面Table的数据拼接的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。