blocks|key|1135494|text|ASP.NET+WebForms不是这样工作的。上面的只是普通的超文本标记语言，所以ASP.NET不会给你提供任何添加/删除项目的工具。您想要做的是使用转发器控件，或者可能使用GridView。这些控件将在代码隐藏中可用。例如，Repeater将公开一个"+items“属性，您可以在该属性上添加新的项(行)。在代码前端(+.aspx文件)，您将提供一个ItemTemplate，它将显示主体行的外观。网上有很多关于复读器的教程，所以我建议你在谷歌上搜索一下以获得更多的信息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1135495|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

ASP.NET WebForms doesn't work this way. What you have above is just normal HTML, so ASP.NET isn't going to give you any facility to add/remove items. What you'll want to do is use a Repeater control, or possibly a GridView. These controls will be available in the code-behind. For example, the Repeater would expose an "Items" property upon which you can add new items (rows). In the code-front (the .aspx file) you'd provide an ItemTemplate that stubs out what the body rows would look like. There are plenty of tutorials on the web for repeaters, so I suggest you google that to obtain further information.

blocks|key|1135545|text|除了柯克所说的，我还想告诉你，仅仅是“玩玩”不会帮助你学习asp.net，而且有很多免费的非常好的教程。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1135546|查看asp.net官方站点教程和4GuysFromRolla站点|offset|length|1135547|entityMap|0|LINK|mutability|MUTABLE|url|http://4guysfromrolla.com/^0|0|G|E|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

in addition to what Kirk said I want to tell you that just "playing around" won't help you to learn asp.net, and there is a lot of free and very good tutorials . 
take a look on the asp.net official site tutorials and on <a href="http://4guysfromrolla.com/" rel="noreferrer">4GuysFromRolla</a> site

blocks|key|921096|text|您是否尝试过Asp:表？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921097|<asp:Table+ID="myTable"+runat="server"+Width="100%25">+
++++<asp:TableRow>
++++++++<asp:TableCell>Name</asp:TableCell>
++++++++<asp:TableCell>Task</asp:TableCell>
++++++++<asp:TableCell>Hours</asp:TableCell>
++++</asp:TableRow>
</asp:Table>++|code-block|syntax|javascript|921098|然后，您可以根据需要在脚本中添加行，方法是创建行并将其添加到myTable.Rows|921099|TableRow+row+=+new+TableRow();
TableCell+cell1+=+new+TableCell();
cell1.Text+=+"blah+blah+blah";
row.Cells.Add(cell1);
myTable.Rows.Add(row);|921100|考虑到你的问题描述，我会说你最好使用@Kirk+Woll提到的GridView或Repeater。|921101|编辑-另外，如果你想学习而不买书，这里有几个你绝对需要熟悉的网站：|921102|Scott+Guthrie's+Blog|offset|length|921103|4+Guys+from+Rolla|921104|MSDN|921105|Code+Project+Asp.Net|921106|entityMap|0|LINK|mutability|MUTABLE|url|http://weblogs.asp.net/scottgu/|1|http://aspnet.4guysfromrolla.com/default.aspx|2|http://www.msdn.com/|3|http://www.codeproject.com/KB/aspnet/^0|0|0|0|0|0|0|0|K|0|0|0|H|1|0|0|4|2|0|0|K|3|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1H|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1I|8|@]|9|@$Q|1J|R|1K|1|1L]]|A|$]]|$1|S|3|T|5|6|7|1M|8|@]|9|@$Q|1N|R|1O|1|1P]]|A|$]]|$1|U|3|V|5|6|7|1Q|8|@]|9|@$Q|1R|R|1S|1|1T]]|A|$]]|$1|W|3|X|5|6|7|1U|8|@]|9|@$Q|1V|R|1W|1|1X]]|A|$]]|$1|Y|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]|18|$5|11|12|13|A|$14|19]]|1A|$5|11|12|13|A|$14|1B]]]]

Have you attempted the Asp:Table?

<pre><code>&lt;asp:Table ID="myTable" runat="server" Width="100%"&gt; 
 &lt;asp:TableRow&gt;
 &lt;asp:TableCell&gt;Name&lt;/asp:TableCell&gt;
 &lt;asp:TableCell&gt;Task&lt;/asp:TableCell&gt;
 &lt;asp:TableCell&gt;Hours&lt;/asp:TableCell&gt;
 &lt;/asp:TableRow&gt;
&lt;/asp:Table&gt; 
</code></pre>

You can then add rows as you need to in the script by creating them and adding them to myTable.Rows

<pre><code>TableRow row = new TableRow();
TableCell cell1 = new TableCell();
cell1.Text = "blah blah blah";
row.Cells.Add(cell1);
myTable.Rows.Add(row);
</code></pre>

Given your question description though, I'd say you'd be better off using a GridView or Repeater as mentioned by @Kirk Woll.

EDIT - Also, if you want to learn without buying books here are a few sites you absolutely need to become familiar with:

<a href="http://weblogs.asp.net/scottgu/" rel="noreferrer">Scott Guthrie's Blog</a> 
<a href="http://aspnet.4guysfromrolla.com/default.aspx" rel="noreferrer">4 Guys from Rolla</a> 
<a href="http://www.msdn.com/" rel="noreferrer">MSDN</a> 
<a href="http://www.codeproject.com/KB/aspnet/" rel="noreferrer">Code Project Asp.Net</a>

blocks|key|1135730|text|您需要熟悉“服务器端”与“客户端”代码。我已经有很长一段时间没有开始了，但你可能想从http://www.asp.net上的一些视频教程开始。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1135731|需要注意的两件事:如果你使用的是VS2010，那么你实际上有两个不同的ASP.NET框架可供选择:+WebForms和ASP.NET+MVC2。WebForms是旧的遗留方式，微软将MVC2定位为WebForms的替代品而不是替代品，但我们将在未来几年内看到社区如何处理它。无论如何，一定要注意给定的教程所讨论的是哪一个。|1135732|entityMap|0|LINK|mutability|MUTABLE|url|http://www.asp.net/^0|16|I|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You need to get familiar with the idea of "Server side" vs. "Client side" code. It's been a long time since I had to start, but you may want to start with some of the video tutorials at <a href="http://www.asp.net" rel="nofollow">http://www.asp.net</a>. 

Two things to note: if you're using VS2010 you actually have two different frameworks to chose from for ASP.NET: WebForms and ASP.NET MVC2. WebForms is the old legacy way, MVC2 is being positioned by MS as an alternative not a replacement for WebForms, but we'll see how the community handles it over the next couple of years. Anyway, be sure to pay attention to which one a given tutorial is talking about.

blocks|key|1135809|text|您可以在web表单中使用asp:Table，并通过代码构建它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1135810|http://msdn.microsoft.com/en-us/library/7bewx260.aspx|offset|length|1135811|此外，请查看asp.net以获取教程和类似内容。|1135812|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1H|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

You can use the asp:Table in your web form and build it via code: 

<a href="http://msdn.microsoft.com/en-us/library/7bewx260.aspx" rel="nofollow">http://msdn.microsoft.com/en-us/library/7bewx260.aspx</a>

Also, check out asp.net for tutorials and such.

blocks|key|921322|text|public+partial+class+result+:+System.Web.UI.Page
{
++++static+DataTable+table1+=+new+DataTable("Shashank");
++++static+DataSet+set+=+new+DataSet("office");


++++protected+void+Page_Load(object+sender,+EventArgs+e)
++++{
++++++++lblEmployeeNumber.Text+=+HttpContext.Current.Request.Form["txtEmployeeNumber"];
++++++++lblFirstName.Text+=+Request.Form["txtFirstName"];
++++++++lblLastName.Text+=+Request.Form["txtLastName"];
++++++++lblTitle.Text+=+Request.Form["txtTitle"];

++++++++Int32+Rcount+=+Convert.ToInt32(table1.Rows.Count);

++++++++if+(Rcount+==+0)
++++++++{

++++++++++++table1.Columns.Add("ID");
++++++++++++table1.Columns.Add("FName");
++++++++++++table1.Columns.Add("LName");
++++++++++++table1.Columns.Add("Title");
++++++++++++table1.Rows.Add(lblEmployeeNumber.Text,+lblFirstName.Text,+lblLastName.Text,+lblTitle.Text);
++++++++++++set.Tables.Add(table1);
++++++++}
++++++++else
++++++++{
++++++++++++if+(lblEmployeeNumber.Text+!=+"")
++++++++++++{
++++++++++++++++DataRow+dr+=+table1.NewRow();
++++++++++++++++dr["ID"]+=+lblEmployeeNumber.Text;
++++++++++++++++dr["FName"]+=+lblFirstName.Text;
++++++++++++++++dr["LName"]+=+lblLastName.Text;
++++++++++++++++dr["Title"]+=+lblTitle.Text;
++++++++++++++++table1.Rows.Add(dr);
++++++++++++}
++++++++}

++++++++gvrEmp.DataSource+=+set;
++++++++gvrEmp.DataBind();

++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|921323|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>public partial class result : System.Web.UI.Page
{
 static DataTable table1 = new DataTable("Shashank");
 static DataSet set = new DataSet("office");


 protected void Page_Load(object sender, EventArgs e)
 {
 lblEmployeeNumber.Text = HttpContext.Current.Request.Form["txtEmployeeNumber"];
 lblFirstName.Text = Request.Form["txtFirstName"];
 lblLastName.Text = Request.Form["txtLastName"];
 lblTitle.Text = Request.Form["txtTitle"];

 Int32 Rcount = Convert.ToInt32(table1.Rows.Count);

 if (Rcount == 0)
 {

 table1.Columns.Add("ID");
 table1.Columns.Add("FName");
 table1.Columns.Add("LName");
 table1.Columns.Add("Title");
 table1.Rows.Add(lblEmployeeNumber.Text, lblFirstName.Text, lblLastName.Text, lblTitle.Text);
 set.Tables.Add(table1);
 }
 else
 {
 if (lblEmployeeNumber.Text != "")
 {
 DataRow dr = table1.NewRow();
 dr["ID"] = lblEmployeeNumber.Text;
 dr["FName"] = lblFirstName.Text;
 dr["LName"] = lblLastName.Text;
 dr["Title"] = lblTitle.Text;
 table1.Rows.Add(dr);
 }
 }

 gvrEmp.DataSource = set;
 gvrEmp.DataBind();

 }
}
</code></pre>

blocks|key|1135925|text|为表中的行动态创建|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1135926|请参阅下面的链接|1135927|http://msdn.microsoft.com/en-us/library/7bewx260(v=vs.100).aspx|offset|length|1135928|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1R|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

Dynamically Created for a Row in a Table 

See below the Link

<a href="http://msdn.microsoft.com/en-us/library/7bewx260(v=vs.100).aspx" rel="nofollow">http://msdn.microsoft.com/en-us/library/7bewx260(v=vs.100).aspx</a>

blocks|key|921431|text|通过JS+https://www.youtube.com/watch?v=idyyQ23joy0添加链接|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|921432|请参阅下面的链接。这将帮助您动态地添加行：https://www.lynda.com/C-tutorials/Adding-data-HTML-tables-runtime/161815/366843-4.html|921433|entityMap|0|LINK|mutability|MUTABLE|url|https://www.youtube.com/watch?v=idyyQ23joy0|1|https://www.lynda.com/C-tutorials/Adding-data-HTML-tables-runtime/161815/366843-4.html^0|5|17|0|0|L|2E|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Link for adding through JS
<a href="https://www.youtube.com/watch?v=idyyQ23joy0" rel="nofollow">https://www.youtube.com/watch?v=idyyQ23joy0</a>

Please see the below link as well. This would help you add the rows dynamically on the fly:
<a href="https://www.lynda.com/C-tutorials/Adding-data-HTML-tables-runtime/161815/366843-4.html" rel="nofollow">https://www.lynda.com/C-tutorials/Adding-data-HTML-tables-runtime/161815/366843-4.html</a>

blocks|key|921471|text|<html>
<head>
++<title>Row+Click</title>
++<meta+http-equiv="Content-Type"+content="text/html;+charset=UTF-8"+/>
++<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
++<script>
++++++++function+test(){
++++++++++++alert('test');
++++++++}
++$(document).ready(function(){
++++++++var+row='<tr+onclick="test()"><td+>Value+4</td><td>Value+5</td><td>Value+6</td></tr>';
++++++++$("#myTable").append(row);
});
++</script>
</head>
<table+id="myTable"+>
<th>Column+1</th><th>Column+2</th><th>Column+3</th>
<tr+onclick="test()">
++++<td+>Value+1</td>
++++<td>Value+2</td>
++++<td>Value+3</td>
</tr>
</table>
</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|921472|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;Row Click&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
 &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script&gt;
 function test(){
 alert('test');
 }
 $(document).ready(function(){
 var row='&lt;tr onclick="test()"&gt;&lt;td &gt;Value 4&lt;/td&gt;&lt;td&gt;Value 5&lt;/td&gt;&lt;td&gt;Value 6&lt;/td&gt;&lt;/tr&gt;';
 $("#myTable").append(row);
});
 &lt;/script&gt;
&lt;/head&gt;
&lt;table id="myTable" &gt;
&lt;th&gt;Column 1&lt;/th&gt;&lt;th&gt;Column 2&lt;/th&gt;&lt;th&gt;Column 3&lt;/th&gt;
&lt;tr onclick="test()"&gt;
 &lt;td &gt;Value 1&lt;/td&gt;
 &lt;td&gt;Value 2&lt;/td&gt;
 &lt;td&gt;Value 3&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/html&gt;
</code></pre>

blocks|key|921493|text|你需要在你的超文本标记语言中使用JavaScript，并确保你使用的是表单。最后，您可以使用Ajax方法序列化数据，将数据从HTML推送到数据库|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921494|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You need to use JavaScript in your HTML and make sure you are using forms so that. You may finally serialize the data using Ajax method to push the data from HTML into database

So today I started learning ASP.NET. Unfortunately I haven't found any good tutorials online, and I can't afford to buy books at the moment, so I've had to create a ASP.NET web application in Visual Studio 2010 and just play around with the default project setup.

So far here's what I have in my Default.aspx:

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %&gt;

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
 &lt;title&gt;Project Management&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div style="padding-bottom:10px;"&gt; Project Management System&lt;/div&gt;
 &lt;div&gt; &lt;table style="width:100%;"&gt;
 &lt;tr&gt;
 &lt;td&gt;Name&lt;/td&gt;
 &lt;td&gt;Task&lt;/td&gt;
 &lt;td&gt;Hours&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

I created a simple table with the header row already in there. Through a C# script, I want to be able to dynamically add rows to this HTML table. Is this the right way of thinking in ASP.NET? If so, how can I do this? I'm sure I'll need an "Add" button, which adds a new row to the table, with editable fields, and a "submit" button which adds some stuff to a database.

Basically just a rundown of how this is done would be ever so helpful. Also if anyone knows any good tutorials or websites that can help me out with things like this, please let me know.

Thanks in advance.

How to dynamically add rows to a table in ASP.NET?

Visual Studio

数据库

服务器

所以今天我开始学习ASP.NET，不幸的是我没有在网上找到任何好的教程，而且我现在买不起书，所以我不得不在Visual Studio2010中创建一个ASP.NET web应用程序，并且只使用默认的项目设置。到目前为止，我的Default.aspx中有以下内容：<%@ Page Language="C#" AutoEv...

问如何在ASP.NET中动态地向表中添加行？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET中动态地向表中添加行？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ASP.NET中动态地向表中添加行？
EN