Asp.net 在按钮按下时执行 html 代码

Question

显示列表的常用方法是在 html 中制作表格。我在 html 中制作了一个表格，并使用 标记来放置列表的值。 像这样（例子），

<table>

<tr><td>First Name</td><td>LastName</td><td>Phone</td></tr>
<% for each item in employees %>
<tr>
<td><% =item.FirstName %></td><td><% =item.LastName %></td><td><% =item.Phone %></td>
</tr>
<% next %>

</table>

现在我不想在每次回帖或点击按钮时都这样做。 因此我使用了 if autopostback = false 然后执行代码。

我想要做的是点击一个特定的按钮来执行这段客户端代码。 我是使用 asp.net 的新手，vb.net 是我的主要语言，但我也做过一些 php。

Answer 1

如果您想在单击按钮时动态加载 HTML 代码，最好的办法是使用 AJAX。 以下是您可以考虑的步骤。

• 将动态内容保存在单独的 .ASPX 或 .HTML 文件中。
• 在主文件中，保留一个按钮并调用脚本。
• 脚本应该调用 之前创建的页面的 AJAX 方法。
• 在任何地方显示输出 （最好取一些 DIV 并填充其 innerHTML）

或者，您可以检查 IsPostBack 方法并检查服务器端控件 innerHTML 是否为空白并填写（不使用 AJAX）。

Answer 2

你这样做的方式不是客户端，但我会这样做

ASP 标记

<asp:Table runat="server" name="EmployeesTable">
 <asp:TableRow>
     <asp:TableCell>First Name</asp:TableCell>
     <asp:TableCell>Last Name</asp:TableCell>
     <asp:TableCell>Phone</asp:TableCell>
   </asp:TableRow>
<table>

代码背后

现在你应该把它放在页面加载事件中，另外你可以将它包装在 if 语句中以检查 postBack

If Not Page.IsPostBack Then

    for each item in employees

        Dim tr = New TableRow()
        Dim tdFname = New TableCell()
        Dim tdLname = New TableCell()
        Dim tdPhone = New TableCell()

        tdFname.Text = item.FirstName
        tdLname.Text = item.LastName
        tdPhone.Text = item.Phone

        tr.Cells.Add(tdFname)
        tr.Cells.Add(tdLname)
        tr.Cells.Add(tdPhone)

        EmployeesTable.Add(tr)

    next

End If