频道栏目
首页 > 资讯 > JavaScript > 正文

javascript动态增删行的实现

15-04-14        来源:[db:作者]  
收藏   我要投稿


//增加行

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 = "";
C2.innerHTML = "";

 

}

 

//删除行

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

 

相关TAG标签
上一篇:VB.NET 章鱼哥 如何在项目中使用外部文字格式
下一篇:jquery学习 - jquery选择孩子元素和个数/获取css属性
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站