系統業務需要
表格table的數據，根據用戶的選擇來加載的

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: "請先選擇檢測對象!"});return;}var url = ctx + "/biz/assay/assay-order/select-assay-item?sampleId=" + id + "&testObjectId=" + testObjectId + "&sampBizModeId=" + sampBizModeId;$.app.modalDialog("選擇檢測項目", url, {width: 980, height: 650,ok: function (modal) {if ($('#table-fxxmmx').find("tbody tr").length == 0) {$.app.alert({title: "提示",message: "請選擇需要檢測的項目"});return;}//獲取form的所有字段和值var selectItemTableData = getTableContent($('#table-fxxmmx'));//獲取化驗項目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();//獲取選擇的組合項目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;}});}//把選擇的數據寫入表格中$(el).parent().parent().find('td').each(function (i, td) {if ($(td).attr('columnname')) {if ($(td).attr('columnname') == 'selectItemTableData') {//化驗項目table數據$(td).html('');$(td).append(selectItemTableData);} else if ($(td).attr('columnname') == 'totalCost') {$(td).html('');$(td).append(money);} else if ($(td).attr('columnname') == 'assayItemNames') {//化驗項目中文名稱$(td).html('');$(td).append(assayItemNames);} else if ($(td).attr('columnname') == 'selectItemCateIds') {//選擇的化驗項目分組$(td).html('');$(td).append(selectItemCateIds);}}});$.app.cancelModelDialog();// $.table.initCheckbox($('#sampleTable'));//選擇完化驗項目之后需要重新遍歷表格的化驗費用 寫入委托單的表單中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);//樣品數量},showAfter: function () { //回寫已經選擇的化驗項目信息var selectItemTableData = "";var money = "";var selectItemCateIds = "";//把選擇的數據寫入表格中$(el).parent().parent().find('td').each(function (i, td) {if ($(td).attr('columnname')) {if ($(td).attr('columnname') == 'selectItemTableData') {//化驗項目table數據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);//遍歷單項表格 然后把包括在分組中的化驗項目勾上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);}}});//添加已經選擇的化驗項目$("#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>'); /*檢測標準*/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");// 遍歷單項表格 然后把包括在分組中的化驗項目勾上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);}});}}}); }

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。