ASP.NET DataList回复功能实现-优快云博客

最新推荐文章于 2025-08-10 23:29:22 发布

转载最新推荐文章于 2025-08-10 23:29:22 发布 · 427 阅读

文章标签：

#server #asp #table #button #function #rest

本文介绍如何在ASP.NET的DataList控件中通过JavaScript动态添加回复输入框的方法。利用DOM操作实现在每条记录对应的表格行内增加回复框的功能。

<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<table id="tbl" width="600px">
<tr>
<td style="width:50%">
发表人： <asp:Label ID="lab_name" runat="server" Text=' <%# Eval("SendUser") %>'> </asp:Label>
</td>
<td>
发表时间： <asp:Label ID="lab_time" runat="server" Text=' <%# Eval("SendTime") %>'> </asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Label ID="lab_content" runat="server" Text=' <%# Eval("SendContent") %>'> </asp:Label>
</td>
</tr>
<tr>
<td colspan="2">
<input ID="Btn_rest" type="button" value="回复" onclick="addRow()" /> </td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>

要点击回复用JS在当前的Table中加个回复的框子。。

function addRow(btn)
{
var td = btn.parentNode;
var textArea = document.createElement("TEXTAREA")
td.appendChild(textArea);
}

onclick="addRow(this
)"