C#.NET/javascript：可折叠表行-这有什么不对？_C#_.net_Collapsable

C#.NET/javascript：可折叠表行-这有什么不对？

c# .net

C#.NET/javascript：可折叠表行-这有什么不对？,c#,.net,collapsable,C#,.net,Collapsable,我有一个C#.NET页面，我想在按下按钮时使行折叠。我找到了许多像这样的教程（），试图实现它们的解决方案，但当我单击按钮时，它们都没有为我做任何事情。为了确保我没有发疯，我做了一个小测试页面，看看这个想法是否有效。出于某种原因，它不是。浏览器是IE6。我在运行VisualStudio2005。有人知道为什么这不起作用吗？呈现的页面显示一个按钮和一行文本，正如我所期望的那样；单击按钮时，文本行不会消失。我知道我可以使用div，但请记住这只是一个概念证明；在我的实际应用程序中，必须折叠的是表行 &l

我有一个C#.NET页面，我想在按下按钮时使行折叠。我找到了许多像这样的教程（），试图实现它们的解决方案，但当我单击按钮时，它们都没有为我做任何事情。为了确保我没有发疯，我做了一个小测试页面，看看这个想法是否有效。出于某种原因，它不是。浏览器是IE6。我在运行VisualStudio2005。有人知道为什么这不起作用吗？呈现的页面显示一个按钮和一行文本，正如我所期望的那样；单击按钮时，文本行不会消失。我知道我可以使用div，但请记住这只是一个概念证明；在我的实际应用程序中，必须折叠的是表行

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Project.Web.Auth.Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Shop Financials</title>
    <link href="../StyleSheets/ClaimsV2.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">     


        function btnClick(control)
        {   
            try
            {
                var id_table = document.getElementById(control).style;

                if(id_table.display == "block") 
                {
                   id_table.display = "none";
                }
                else 
                {
                    id_table.display = "block";
                }
            }
            catch(e)
            {
                alert(e);
            }   
       }

       function toDepositPrinterFriendly()
       {

       }

  </script>
</head>
<body>
    <form id="form1" runat="server">

    <table>
    <tr>
    <td><asp:Button runat="server" OnClientClick="javascript:btnClick('HeaderRow')"/></td>

    </tr>
    <tr id="HeaderRow" runat="server">
    <td>TEST2</td>

    </tr>    


    </table>

    </form>
</body>
</html>


商店财务
功能BTN单击（控制）
{   
尝试
{
var id_table=document.getElementById（control）.style；
如果（id_table.display==“块”）
{
id_table.display=“无”；
}
其他的
{
id_table.display=“block”；
}
}
捕获（e）
{
警报（e）；
}   
}
函数toDepositPrinterFriendly（）
{
}
测试2

1）最初显示（可能）不是“阻塞”。尝试：

2）由于，控件的id将不是您认为的那样。检查您的HTML源代码（1）最初显示（可能）不是“阻塞”。尝试：

2）由于，控件的id将不是您认为的那样。检查您的HTML源代码

这将修复它。它也在做回发，所以我在javascript中添加了“returnfalse；”。谢谢！使用这个概念证明，我让“真实”页面开始工作：）你让这个周一的工作日轻松多了。。。再次感谢：）这把它修好了。它也在做回发，所以我在javascript中添加了“returnfalse；”。谢谢！使用这个概念证明，我让“真实”页面开始工作：）你让这个周一的工作日轻松多了。。。再次感谢：）

if(id_table.display == 'none') 
{
  id_table.display = '';
}
else 
{
  id_table.display = 'none';
}