在 asp.net 中使用 Jquery 在表中添加行和删除行

Posted

技术标签:

【中文标题】在 asp.net 中使用 Jquery 在表中添加行和删除行【英文标题】:Adding rows and removing rows to table using Jquery in asp.net 【发布时间】:2013-10-13 07:53:05 【问题描述】:

我在母版页中有一个表格

表格边框="1" 边框样式="虚线" 宽度="80%" id="tblAddBirthdays" tr id="tr" td asp:TextBox ID="txFirstName" runat="server" asp:TextBox asp:TextBox ID="txLastName" runat="server" asp:DropDownList ID="dlMonth" runat="server" asp:DropDownList ID="dlDate" runat="server" asp:DropDownList ID="dlYear" runat="server" asp:DropDownList ID="dlAgeRange" runat="server" asp:DropDownList ID="dlRelationship" runat="server" asp:DropDownList ID="dlGender" runat="server" 和链接按钮 asp:LinkBut​​ton ID="lnkLess" runat="server" Text="(

OnClientClick="javascript: 返回 false;" /> >)" OnClientClick="jQuery:add()" />

现在我想通过使用 Jquery Dynamically Asp.net Master Page 单击链接按钮向表中添加行,我正在尝试从两天内没有得到它,任何人都可以帮助我..

【问题讨论】:

【参考方案1】:

在 ASP.NET 中从客户端添加可能无法按预期工作,因为它不会更新 ASP.NET webform 的视图状态。最好使用 UpdatePanel 并添加行。在正常的 jquery ADD 中使用类似这样的东西

             var tbl = $("#tableId");
             tbl.appendTo('<tr><td></td></tr>');

您必须使用普通的 html 字段,例如

            <input type="text" id="txt" name="txt" />

【讨论】:

以上是关于在 asp.net 中使用 Jquery 在表中添加行和删除行的主要内容,如果未能解决你的问题,请参考以下文章

如何在表之间交换行后正确重新排序 ID(jQuery 和 ASP.NET MVC4)

ASP.NET + SQL SERVER + JSON = 如何在 SQL Server 的两个连接表中获取数据并加载为 JSON?

在表中添加列[关闭]

如何使用 jquery asp.net mvc 将多个数据插入到数据库中的 2 个表中

Jquery在asp.net mvc的html表中获取带有选中复选框的行

如何在 ASP.NET Core MVC 中添加分页,在 AJAX 调用中动态创建的表上