首页 > 编程语言 > 详细

javascript动态增删行的实现

时间:2015-04-13 10:59:09      阅读:353      评论:0      收藏:0      [点我收藏+]


//增加行

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中直接操作数组即可。


javascript动态增删行的实现

原文:http://blog.csdn.net/chengxuyuanqiangzi/article/details/45021859

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!