C# .NET / JavaScript : 접을 수있는 테이블 행 - 이것이 잘못된 것은 어떻습니까?

StackOverflow https://stackoverflow.com/questions/150124

  •  02-07-2019
  •  | 
  •  

문제

버튼을 누르면 행이 무너지고 싶은 C# .NET 페이지가 있습니다. 나는 이와 같은 많은 튜토리얼을 발견했다 (http://codingforums.com/archive/index.php?t-90375.html), 솔루션을 구현하려고했지만 버튼을 클릭 할 때 아무것도하지 않습니다. 내가 미쳤는지 확인하기 위해 아이디어가 작동하는지 확인하기 위해 작은 테스트 페이지를 만들었습니다. 어떤 이유로 든 그렇지 않습니다. 브라우저는 IE6입니다. 나는 Visual Studio 2005를 운영하고 있습니다. 왜 이것이 작동하지 않는지 아는 사람이 있습니까? 렌더링 된 페이지에는 내가 기대할 수있는 버튼과 텍스트 줄이 표시됩니다. 버튼을 클릭하면 텍스트 줄이 사라지지 않습니다. 나는 divs를 사용할 수 있다는 것을 알고 있지만, 이것은 단지 개념의 증거 일뿐임을 기억합니다. 내 실제 응용 프로그램에서는 붕괴 해야하는 테이블 행입니다.

<%@ 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>
도움이 되었습니까?

해결책

1) 디스플레이는 처음에는 '블록'이 아닙니다. 노력하다:

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

2) 제어의 ID는 당신이 생각하는 것이 아닙니다. 이름 지정 컨테이너. HTML 소스를 확인하십시오

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top