如何在界面动态加入行?

Question

比如我数据要批量录入时，但又不能确认一共录入几行。这时就需要动态加入行，请问这如何实现？

Answer 1

function insertStr() {
var f = document.form1;
var value = f.str.value;
if(value!="") {
// 从最终的TextNode节点开始，慢慢形成<tbody>结构
var text = document.createTextNode(value); //新建一个TextNode节点
var td = document.createElement("td"); //新建一个td类型的Element节点
var tr = document.createElement("tr"); //新建一个tr类型的Element节点
var tbody = document.createElement("tbody"); //新建一个tbody类型的Element节点
td.appendChild(text); //将节点text加入td中
tr.appendChild(td); //将节点td加入tr中
tbody.appendChild(tr); //将节点tr加入tbody中
var parNode = document.getElementById("table1"); //定位到table上
parNode.insertBefore(tbody,parNode.firstChild); //将节点tbody插入到节点顶部
//parNode.appendChild(tbody); //将节点tbody加入节点尾部
}
}

Answer 2

不知道你录入的行的数据，是否要保存到数据库中？另外，你的每行都是相同的字段这些信息如果不清楚，别人是不好帮你判断的。如果是保存到datatable,你可以用datarow,datacolumn，以及datatable的方式，用编程方式动态方式向datatable中来加入行和列。你可以看看.net framework中的datatable.

Answer 3

可以用DataTable来新增DataRow来实现，比写JS方便
JS写怕了哈哈

Answer 4

Infragistics.WebUI.UltraWebGrid可以简单实现