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

loverszhaokai

于 2010-05-30 01:43:00 发布

阅读量414

点赞数

文章标签： server asp table button function rest

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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
)"