asp 隐藏<tr></tr> 代码 点击查看按钮 显示<tr></tr> 内容

在ASP（Active Server Pages）中，隐藏表格行 `<tr>` 的内容通常是在服务器端处理的。当你有一个点击事件关联到“查看”按钮时，可以通过编程来动态地控制哪些 `<tr>` 要显示或隐藏。以下是一个简单的示例：

<table id="myTable">
    <!-- 这些 tr 元素默认是隐藏的 -->
    <tr runat="server" Visible="false" ID="row1">
        <td>数据1</td>
        <td>数据2</td>
    </tr>
    <tr runat="server" Visible="false" ID="row2">
        <td>数据3</td>
        <td>数据4</td>
    </tr>
    <!-- ...其他行... -->

    <asp:Button ID="btnView" Text="查看" OnClick="btnView_Click" runat="server"/>
</table>

<script language="VBScript">
    ' VBScript 示例
    Sub btnView_Click(sender As Object, e As EventArgs)
        Dim row As TableRow
        If sender Is btnView Then
            For Each row In MyTable.Rows
                If row.Visible = False Then
                    row.Visible = True ' 显示该行
                Else
                    row.Visible = False ' 隐藏已显示的行
                End If
            Next
        End If
    End Sub
</script>

或者是 C# 示例：

protected void btnView_Click(object sender, EventArgs e)
{
foreach (TableRow row in myTable.Rows)
{
if (!row.Visible)
{
row.Visible = true; // 显示该行
}
else
{
row.Visible = false; // 隐藏已显示的行
}
}
}

在这个例子中，当用户点击“查看”按钮时，`btnView_Click` 服务器端事件会被触发，遍历表格中的每一行并根据 `Visible` 属性切换其显示状态。