主要是点击增加按钮,实现添加一行input单元格,并可以删除
麻烦各位了,谢谢,http://ask.csdn.net/my#
给你一个纯js的样例,希望对你的基础能力有帮助
function DeleteRouteTable(divId, riF, nameF, msgF){
this.riField = riF;
this.nameField = nameF;
this.msgField = msgF;
var div = document.getElementById(divId);
this.table = document.createElement("TABLE");
div.appendChild(this.table);
this.table.width = "100%";
this.table.cellSpacing = 0;
this.table.border = 1;
this.tbody = document.createElement("TBODY");
this.table.appendChild(this.tbody);
this.arrayRI = new Array();
}
DeleteRouteTable.prototype.setValue = function(array){
while(this.table.rows.length>0){
this.table.deleteRow(0);
}
for(var i=0;i<array.length;i++){
var item = array[i];
this.arrayRI.push(item[this.riField]);
var tr = document.createElement("TR");
this.tbody.appendChild(tr);
var tdRi = this.createTD(item[this.riField], 100, 2, "black");
tr.appendChild(tdRi);
var tdName = this.createTD(item[this.nameField], 100, 2, "black");
tr.appendChild(tdName);
var tdMsg = this.createTD(item[this.msgField], -1, 2, "red");
tr.appendChild(tdMsg);
}
};
DeleteRouteTable.prototype.createTD = function(value, width, fontSize, fontColor){
var td = document.createElement("TD");
if(width!=-1){
td.width = width;
}
var font = document.createElement("FONT");
td.appendChild(font);
font.size = fontSize;
font.color = fontColor;
font.innerText = value;
return td;
};
你是easyui做的表格还是js了?easyui的datagrid有添加删除行的api。insertRow(jsonData)/deleteRow(intIndex)
js动态创建tr添加到你的table里面就行了
这个不需要用jsp,用jquery就可以
http://blog.csdn.net/zhangdaiscott/article/details/7958463
$("#tableid").append("
...");$("#tableid").append("<-tr id='trid_01'><-td>...<-td>");
$("#trid_01").remove();
单击事件时,为需要增加和减少的模块用remove(移除)或append(增加)方法
你可以看下http://blog.csdn.net/u014149394/article/details/45055709,jQuery的克隆方法