JQuery實現追加表格,不使用拼接html方式


以下為本人原創,轉載請注明出處。

/*
* 向表格中追加行
*
* @param tableId 需追加table的ID @param tableRowData
* 追加行的數據(Json格式,需要按照列的順序排放且都已經Format完畢)
*
* @return 無
*
*/
function addTableRow(tableId, tableRowData) {
var insertTr = $('#' + tableId + ' tr:last').clone(true);
var jsonArray = eval("(" + tableRowData + ")");
// 設定序號
var tableLength = $("#" + tableId).find("tr").length;
insertTr.children('td').eq(0).html(tableLength + 1);
// 將json數據循環追加到表的每一列
var i = 1;
for ( var jsonUnit in jsonArray) {
insertTr.children('td').eq(i).html(jsonArray[jsonUnit]);
i++;
}
$('#' + tableId + ' tr:last').after(insertTr);
}

/*
* 更新Table中某行的數據
*
* @param tableId 需追加table的ID @param rowNum 需更新table的行號(默認從1開始計算即可) @param
* tableRowData 追加行的數據(Json格式,需要按照列的順序排放且都已經Format完畢)
*
* @return 無
*
*/
function uptTableRow(tableId, rowNum, tableRowData) {
var uptTr = $('#' + tableId + ' tr:' + rowNum);
var jsonArray = eval("(" + tableRowData + ")");
// 將json數據循環追加到表的每一列
var i = 1;
for ( var jsonUnit in jsonArray) {
uptTr.children('td').eq(i).html(jsonArray[jsonUnit]);
i++;
}
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM