昨天做頁(yè)面表格行動(dòng)態(tài)添加和刪除，看了無數(shù)的介紹，發(fā)現(xiàn)了一個(gè)好東東，JQuery。用它實(shí)現(xiàn)起來還真的是很方便，這個(gè)是我用到我們平臺(tái)的一個(gè)方法。
代碼如下://記錄添加行數(shù)
var areaCount=1;
//記錄實(shí)際表格行數(shù)
var rowCount=1;
//刪除模板html
var delRowTemplete = "刪除";
//表格行模板
var addRowTemplete= "";
$(function(){
//首先取出需要克隆的模板，模板行id為rowTemplete_0
addRowTemplete= $("#rowTemplete_0").html();
});
//增加行
function addBatchRow(type){
var templete = $("");
//遞增序號(hào)，替換掉tr或者td中存在[0]、_0或者(0)防止id相同,這么設(shè)計(jì)主要是為了后臺(tái)取值時(shí)方便
templete = templete.append(addRowTemplete.replace(/\[0\]/g,"["+areaCount+"]").replace(/_0/g,"_"+areaCount).
replace("processStat(\"0\")","processStat("+areaCount+")"));
//找到最后一條存在的行,在其后拼接一行
var flag = false;
for(var i=areaCount-1;i>=0;i--){
if($("#rowTemplete_"+i).length>0){ $("#rowTemplete_"+i).after(templete.append(delRowTemplete));
break;}
}
//計(jì)數(shù)加一
areaCount++; rowCount++;
}
//刪除行
function deleteBatchRow(obj){
if(rowCount>1) {
$(obj).parents("tr").remove();
rowCount--;
} else alert("至少保留一行");//如果全部刪除了，那么也就沒有辦法再添加行了，模板行也被刪了呀
}
//取得條數(shù)
function getAreaCount(){
return rowCount;
}
后臺(tái)使用的也是比較容易的，在FormBean里面定義數(shù)組變量來get和set，很方便的。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com