动态给table添加行

//动态增加行
//tableId: 表id 需要添加TableID
//trSetId: 模板tr的Id 加的tr模版ID
//firstDateRowIndex: 第一个数据行的位置
var maxLength = 0; 
function addRow(tableId, trSetId){
var table = document.getElementById(tableId);//表格
var trSet = document.getElementById(trSetId);//模板tr
var newTr= table.insertRow(-1);
var newTd;//新增加的列
var tdSet;//模板td


maxLength = maxLength + 1;
if(table.rows.length > maxLength) maxLength = table.rows.length;


//alert(maxLength);
var index = maxLength - 2;//数据项list中 本行应保存在list集合中的位置
for(var i=0; i<trSet.cells.length; i++){//遍历模板下的td
    tdSet = trSet.cells[i];
    newTd = newTr.insertCell(-1);
    copyTd(tdSet, newTd, index);
}


}
//sourceTd 模板td
//goalTd 目标td
//rowIndex 行号
function copyTd(sourceTd, goalTd, rowIndex){
//1 复制td属性
for(var i in sourceTd.attributes){
  try{
        //if(sourceTd[i] != null && sourceTd[i] != ''  )
        //        goalTd[i] = sourceTd[i];
        if(sourceTd.attributes[i].value!=null && sourceTd.attributes[i].value!='null' && sourceTd.attributes[i].value!=''){
  if(sourceTd.attributes[i].name != 'disabled')
  goalTd.setAttribute(sourceTd.attributes[i].name,sourceTd.attributes[i].value);
  }
  }catch(e){}                    
}
//2 复制td下控件
var regex = /\+\+\*\+\+/g;
var newHtml = sourceTd.innerHTML.replace(regex, rowIndex);
goalTd.innerHTML = newHtml;

}



/删除单行 dealType:删除操作的方式
function deleteRow(tableId, rowIndex){
//alert(event.srcElement.outerHTML);


var optTable = document.getElementById(tableId);
if(optTable.rows.length > maxLength) maxLength = optTable.rows.length;


var o = findParentTR(event.srcElement);
optTable.deleteRow(o.rowIndex);
 
    //var optTr = optTable.rows[rowIndex+1];
    //optTr.style.display = "none";
    
//for(var i=0; i<optTr.cells.length; i++){//遍历模板下的td
    //optTd = optTr.cells[i];
    //optTd.innerHTML ="&nbsp;";
//}
}
function findParentTR(obj){
 var newObj = obj.parentElement;
 if(newObj.tagName == 'TR'){
     return newObj;
 }else if(newObj.tagName == 'BODY'){
     return null;
 }else{
     return findParentTR(newObj);
 }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值