JS 根据表格(TABLE)模板增加一行(ROW)
2013-08-31 15:39
519 查看
/********************** *增加一行 **表名、序号、模板类型 *************************/ function insertRow(pageCode,index,tpltype){ index = index==null?0:index; var gi = parseInt(globalindex[pageCode]); if(isNaN(gi)){//不是数字 globalindex[pageCode] = index;//修改全局数组中记录该表格的当前序号 gi = index; } var tbody = document.getElementById(pageCode+"_Data").tBodies.item(0);//获取第一个<TBody>里的内容 var tBodiesLen =document.getElementById(pageCode+"_Data").tBodies.item(0).rows.length;//获取第一个<TBody>里的行(即<tr>)数 for (var i =0;i<tBodiesLen;i++) { if(document.getElementById(pageCode+"_Data").tBodies.item(0).rows[i].id==tpltype) {//匹配模板类型 var s = tbody.rows[i].outerHTML; while(s.indexOf("_[0]")>-1){//宏替换 s = s.replace("_[0]","["+ gi +"]"); } while(s.indexOf("_[seqno]")>-1){//宏替换 s = s.replace("_[seqno]",(gi+1));//设置序号 } s = s.replace(tpltype,pageCode+"_list"+gi);//改变tr的id,让其符合删除行时的规律 var tdiv = document.createElement("div");//创建临时div tdiv.innerHTML = "<table id=tmpTable>"+s+"</table>";//设置临时div的innerHTML tdiv.style.display = "none";//设置临时DIV为隐藏 document.appendChild(tdiv);//添加DIV var row = document.getElementById("tmpTable").tBodies.item(0).rows[0].cloneNode(true);//克隆临时table的第一行(因为每次只增加一行) document.removeChild(tdiv);//删除临时div document.getElementById(pageCode).tBodies.item(0).appendChild(row);//把行添加到指定的表格中 break; } } gi++;//表格序号增加1 globalindex[pageCode] = gi;//修改记录表格序号的数组 }
相关文章推荐
- js 根据模板增加表格(table)
- js给表格增加一行总结
- iOS 刷新tableView的某一行的row的时候,row的高度增加,数据也增加。
- js 中关于table表格的cell,row 的属性的操作
- JS :点击按钮table增加一行,删除一行
- 支持所有浏览器,通过JS为 Table表增加、删除一行
- 通过JS为 Table表增加一行,通过复选框删除多行,也可通过所在行的delete链接删除本行
- WPF DataGrid 增加"更新"模板列,根据行Row的选择而显示"更新"按钮
- 利用js实现table增加一行
- js操作表格操方法,增加,删除行,上移,下移一行选定行
- Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"\@"
- js+jquery实现增加或删除表格中的一行数据
- js操作表格操方法,增加,修改,删除,一行记录
- 利用js实现table增加一行
- 利用js实现table增加一行
- JS控制TABLE表格在任意一行下面添加一行(有待完善)
- JS 动态给表格增加/删除一行
- web开发学习笔记(4):js获取table的行数和表格中某一行某一列的内容
- JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)
- jQuery动态增加表格一行和删除一行