javascript动态增删行的实现

来源：互联网发布：跑步记录源码编辑：程序博客网时间：2024/05/19 10:15

//增加行

function doAddRow()
{
  var bodyObj=document.getElementById("fm2_table_body"); //tbody 的id
  var rowCount = bodyObj.rows.length;
  var newRow = bodyObj.insertRow(rowCount++);
  var C1 = newRow.insertCell(0);
  var C2 = newRow.insertCell(1);

C1.setAttribute("className","td_class_1");
C2.setAttribute("className","td_class_1");

C1.innerHTML = "<input type='text' name='rzsgdwmc' style='width:100'/>";
C2.innerHTML = "<input type='text' name='sdqj' style='width:80'/>";

}

//删除行

function doDelete(inputobj){
  if(inputobj==null) return;
  var parentTD = inputobj.parentNode;
  var parentTR = parentTD.parentNode;
  var parentTBODY = parentTR.parentNode;
  parentTBODY.removeChild(parentTR);
}

action中自动封装列表的数据：

将actionForm中该表格的每一列属性定义为数组类型，这样在action中就会自动封装为数组，在Dao中直接操作数组即可。

0 0