点添加,,出来新一行

我这有个asp的你参考一下！
function addNew(){
    var tr=$("billgrid").insertRow($("billgrid").rows.length-1);
    var _iname = $("billgrid").rows.length-2;
    //tr.style.backgroundColor=arrColor[i%2];
    var newTd0=tr.insertCell();
    newTd0.innerHTML="<center><span id='txtIndex"+(_iname)+"'>"+_iname+"</span></center>";
    newTd0.style.backgroundColor="#D0E8FD"; var newTd=tr.insertCell();
newTd.innerHTML="<input id='txtCoding"+_iname+"' name='txtCoding"+_iname+"' type='text' class='gridbox' style='width: 40px;' onKeyUp=\"AutoCompleteCoding(this);changelocation();\" onClick=\"if (this.value==''){this.value='A';this.select();AutoCompleteCoding(this);}\" maxlength='30'/><input type='hidden' name='txtId"+_iname+"' id='txtId"+_iname+"'>";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input type='text' class='gridbox' id='txtName"+_iname+"' name='txtName"+_iname+"' style='width: 180px;' readonly/>";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input type='text' class='gridbox' id='txtColor"+_iname+"' name='txtColor"+_iname+"' style='width: 55px;' />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input id='txtQty"+_iname+"' name='txtQty"+_iname+"' type='text' class='gridbox' style='width: 40px;' onkeyup=\"this.value=this.value.replace(/[^0-9.]/g,'');calcelocation("+_iname+")\" maxlength='30' onpaste=\"this.value=window.clipboardData.getData('Text').replace(/[^0-9.]/g,'')\" />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input id='txtUnit"+_iname+"' name='txtUnit"+_iname+"' type='text' class='gridbox' style='width: 30px;'  maxlength='30' readonly />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input id='txtPrice"+_iname+"' name='txtPrice"+_iname+"' type='text' class='gridbox' style='width: 50px;' onkeyup=\"this.value=this.value.replace(/[^0-9.]/g,'');calcelocation("+_iname+")\" maxlength='30' onpaste=\"this.value=window.clipboardData.getData('Text').replace(/[^0-9.]/g,'')\" />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input id='txtTPrice"+_iname+"' name='txtTPrice"+_iname+"' type='text' class='gridbox' style='width: 50px;'  maxlength='30' readonly />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<input id='txtRe"+_iname+"' name='txtRe"+_iname+"' type='text' class='gridbox' style='width: 150px;' maxlength='50' />";
newTd.style.backgroundColor="#FFFFFF";

newTd=tr.insertCell();
newTd.innerHTML="<img src='../images/NDELETE.gif' onmouseover='src=\"../images/HDELETE.gif\"' onmouseout='src=\"../images/NDELETE.gif\"' width='16' height='16' onclick='del()' />";
newTd.style.backgroundColor="#FFFFFF";
}

我的办法是使用GridView，在页脚里面加入编辑框。
我没有控制隐藏和显示，你可以控制。

<table id="testTbl" border=1><tr id="tr1"><td width=6%><input type=checkbox id="box1"></td><td id="b">第一行</td></tr><tr id="tr2"><td width=6%><input type=checkbox id="box2"></td><td id="b">第二行</td></tr><tr bgcolor=#0000FF><td width=6%><input type=checkbox id="box3"></td><td>第三行</td></tr>
function addRow(){//添加一行var newTr = testTbl.insertRow();//添加两列var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();//设置列内容和属性newTd0.innerHTML = '<input type=checkbox id="box4">'; newTd2.innerText= '新加行';}
</table>

使用GridView，在页脚里面加入编辑框

呵呵，没必要写那么多代码的，直接取出第一行，克隆后再插入就可以了。如
<table border='1'>
<tbody id='myTbody'>
<tr id='first'>
<td>1</td><td>2</td><td>3</td>
<tr>
</tbody>
<input type='button' value='Add' onclick='AddRow()'/>
<script type='text/javascript'>
function AddRow(){
var first = document.getElementById('first');
var newTr = first.cloneNode(true);
var tBody = document.getElementById('myTbody');
tBody.appendChild(newTr);
}
</script>在 IE 下做的，没测试过其它的浏览器，如果要跨浏览器的话，还是引入一个通用的 Javascript 库好一些。

如果要复制当前行，就根据那个按钮找它的先代节点，即包含该按钮的 tr 节点，一般应该是 button.parentNode.parentNode，然后再克隆插入。

你可以用detailsview来实现我的网站：svn服务器

调试易

点添加,,出来新一行

解决方案 »