动态的增加表的一行

candytangli 2010-11-16 01:36:00
我想动态的增加表的一行(三列,列中放了textbox)(点击增加按钮就会在最后面加一行),怎么实现啊
...全文
204 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
wang15072732418 2010-11-17
  • 打赏
  • 举报
回复
5楼的方法比较好
yzf86211861 2010-11-17
  • 打赏
  • 举报
回复
给你 数据源 最后一列加上一列 空白行,只加这行的主键,可以用行数来填充这列逐渐,再绑定下就多出一行了.
candytangli 2010-11-17
  • 打赏
  • 举报
回复
(⊙o⊙)…
happy664618843 2010-11-16
  • 打赏
  • 举报
回复
$("table").find("tr:last").after("<tr><td></td></tr>");
candytangli 2010-11-16
  • 打赏
  • 举报
回复
动态添行(一行或多行)后,需要输入数据,存进数据库中的
HolyPlace 2010-11-16
  • 打赏
  • 举报
回复
gridview绑定的时候给那个table添加一个空行,要添加新行直接修改那一行就是了。
修改完了重新绑定,这样又有新行了
ycproc 2010-11-16
  • 打赏
  • 举报
回复
jquery
neo33233 2010-11-16
  • 打赏
  • 举报
回复
可以动态增加datatable,重新绑定gridView
akonlaogong 2010-11-16
  • 打赏
  • 举报
回复
3楼的办法冒似行的..呵呵
ds252743641 2010-11-16
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>

<script language="javascript">
function AddNewRow()
{
var table = document.getElementById("mytable");
var row = table.insertRow(table.rows.length);

var col = row.insertCell(0);
col.innerHTML = ' <input name= "txt1 " size= "1 "> ';

col = row.insertCell(1);
col.innerHTML = ' <input name= "txt2 " size= "5 "> ';

col = row.insertCell(2);
col.innerHTML = ' <input type="button" value="添加新行" onclick="AddNewRow();" /> <input name="delBtn" type="button" value="删除此行" onclick="DelRow();" /> ';
}

function DelRow()
{
var srcName = document.getElementsByName("delBtn");
var rowIndex = 0;

for (i=0;i <srcName.length;i++)
{
if(srcName[i]==event.srcElement)
{
rowIndex=i;
}
}

var table = document.getElementById("mytable");
table.deleteRow(rowIndex + 1);
}
</script>

</head>
<body>
<table id="mytable">
<tr>
<td>
111
</td>
<td>
222
</td>
<td>
<input type="button" value="添加新行" onclick="AddNewRow();" />
</td>
</tr>
</table>
</body>
</html>
chen_ya_ping 2010-11-16
  • 打赏
  • 举报
回复

<input type="button" value="Add" />
<input type="button" value="Delete" />
<table id="testTable">
<tr>
<td>Col1</td>
<td>Col2</td>
<td>Col3</td>
</tr>
</table>


<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">

$(function() {
$("input[type='button'][value='Add']").click(function() {
$("<tr><td><input type='text' /></td><td><input type='text' /></td><td><input type='text' /></td></tr>").insertAfter($("#testTable tr:last-child"));
});
$("input[type='button'][value='Delete']").click(function() {
if ($("#testTable tr").length > 1) {
$("#testTable tr:last-child").remove();
}
});
});
</script>
syb1045 2010-11-16
  • 打赏
  • 举报
回复
function createTable2() {
var t = document.createElement('table');
var b = document.createElement('tbody');
for (var i = 0; i < 2000; i++) {
var r = document.createElement('tr');
for (var j = 0; j < 5; j++) {
var c = document.createElement('td');
var m = document.createTextNode(i + ',' + j);
c.appendChild(m);
r.appendChild(c);
}
b.appendChild(r);
}

t.appendChild(b);
document.getElementById('table1').appendChild(t);
t.setAttribute('border', '1');
hookyzlr 2010-11-16
  • 打赏
  • 举报
回复
这个是给Table动态添加行。列

前台:
<asp:Table ID="Table1" runat="server">
</asp:Table>
后台:

TableRow row1;
TableCell cell;

for (int i = 0; i < 10; i++)
{
row1 = new TableRow();
for (int j = 0; j < 3; j++)
{
cell = new TableCell();
TextBox txt = new TextBox();
txt.Text = j.ToString();
txt.ID = i.ToString() + j.ToString();
cell.Controls.Add(txt);
row1.Cells.Add(cell);
}
Table1.Rows.Add(row1);
}
hookyzlr 2010-11-16
  • 打赏
  • 举报
回复
gridview有新建一行的功能,但不知你所谓的表是用什么组成表?

62,272

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧