<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" value="Delete cell">
</body>
</html>
项目中的应用:
复制代码 代码如下:
<script type="text/javascript">
var trIndex = 0;
//动态增加行
unction appendConvert(){
//var sel = document.getElementById("selectConvertName");
var sel = document.getElementsByName("selectConvertName")[0];
var className;
if(null!=sel){
for(var i = 0; i < sel.options.length; i++){
if(sel.options[i].selected)
className=sel.options[i].value;
}
}
//数据来源于ajax,json形式。
convert.getConvertBean2Json(className,
function(result) {
var obj = eval('('+result+')');
var table = document.getElementById("convertTable");
var newRow = table.insertRow(trIndex+1);
newRow.insertCell(0).innerHTML = obj.name+"<input type='button' value='删除'>";
newRow.insertCell(1).innerHTML = "<input type='text'><input type='hidden' value='"+obj.name+"'>";
if(null!=obj.paramList){
var paramStr = "";
for(var i = 0; i < obj.paramList.length; i++){
paramStr = paramStr+
"参数名:"+obj.paramList[i].name+
";参数类型:"+obj.paramList[i].type+
";参数值:<input type='text'><br>"+
"<input type='hidden' value='"+obj.paramList[i].name+"'>"+
"<input type='hidden' value='"+obj.paramList[i].type+"'>";
}
newRow.insertCell(2).innerHTML = paramStr;
}
trIndex++;
});
}
//删除行
on deleteRow(r){
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('convertTable').deleteRow(i);
trIndex--;
}
</script>
您可能感兴趣的文章: