Kaedah JQuery untuk menambah dan memadam rows_jquery jadual secara dinamik

Contoh dalam artikel ini menerangkan kaedah menambah dan memadam baris jadual secara dinamik dengan JQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Semalam saya melakukan penambahan dinamik dan pemadaman baris jadual pada halaman Selepas membaca pengenalan yang tidak terkira banyaknya, saya menemui satu perkara yang baik, JQuery. Sangat mudah untuk melaksanakannya Ini adalah salah satu cara saya menggunakan platform kami.

Salin kod Kod adalah seperti berikut:

//Rekod bilangan baris yang ditambahkan
var areaCount=1;
//Rekodkan bilangan sebenar baris jadual
var rowCount=1;
//Padam html templat
var delRowTemplete = "delete"
//Templat baris jadual
var addRowTemplete= "";
$(fungsi(){
//Pertama keluarkan templat yang perlu diklonkan Baris templatid ialah rowTemplete_0
addRowTemplete= $("#rowTemplete_0").html();
});
//Tambah baris
fungsi addBatchRow(jenis){
var templete = $("");
//Naikkan nombor siri dan gantikan [0], _0 atau (0) dalam tr atau td untuk menghalang ID yang sama Reka bentuk ini adalah untuk kemudahan nilai latar belakang
templete = templete.append(addRowTemplete.replace(/[0]/g,"[" areaCount "]").replace(/_0/g,"_" areaCount).
replace("processStat("0")",,"processStat(" areaCount ")"));
//Cari baris terakhir yang sedia ada dan sambung garisan selepasnya
bendera var = palsu;
for(var i=areaCount-1;i>=0;i--){
if($("#rowTemplete_" i).length>0){ $("#rowTemplete_" i).after(templete.append(delRowTemplete));
rehat;}
}
//Kira tambah satu
areaCount ; rowCount ;
}
//padam baris
fungsi deleteBatchRow(obj){
if(rowCount>1) {
$(obj).parents("tr").remove();
rowCount--;
} else alert("Keep at least one row");//Jika semua dipadamkan, maka tidak akan ada cara untuk menambah lebih banyak baris dan baris templat juga akan dipadamkan
}
//Dapatkan bilangan item
fungsi getAreaCount(){
kembalikan rowCount;
}

Ia juga agak mudah untuk digunakan di latar belakang Ia adalah sangat mudah untuk menentukan pembolehubah tatasusunan dalam FormBean untuk mendapatkan dan menetapkan.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.